@charset "utf-8";
@import url("reset.css");
@import url("sub.css");
@import url("style.css");

html { scroll-behavior: smooth;}

#wrap{position:relative;}
#skipNav{position: absolute; left:-9999px; width:0; height:0; overflow:hidden; line-height:0; visibility:hidden;}

.mb-70 { margin-bottom: 70px;}
/* 피씨 퀵메뉴 */
#followquick {position:absolute; top:82px; right:60px; width:224px; margin-top:221px; z-index:450; display: none;}
#followquick .qmenu{position:relative;}
#followquick .qmenu div{position:absolute;}

#followquick .qmenu div.quick1{top:0; z-index:4;}
#followquick .qmenu div.quick2{top:397px; z-index:3;}
#followquick .qmenu div.quick3{top:499px; z-index:2;}
#followquick .qmenu div.quick4{top:600px; z-index:1;}
#followquick .qmenu div a{display:block; height:100%;}

#followquick_m{display: none;}
@media (max-width: 1865px) {
    #followquick {display:none;}
}
/* 모바일 퀵메뉴 */
#direct-platform{ display: none; }
@media (max-width: 1865px) {
    #direct-platform { display: none; position:fixed; bottom: 15px; right: 15px; z-index: 99; }
    #direct-platform a{display:block;}
    /*#direct-platform .btn-platform-go { display: block; padding: 0 25px; -webkit-border-radius: 26px; border-radius: 26px; background: #333; color: #fff; font-size: 16px; line-height: 50px;}*/
    #direct-platform .btn-platform-go { 
        display:none;
        visibility: hidden;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .3s,visibility 0s .3s;
        -moz-transition: -moz-transform .3s,visibility 0s .3s;
        transition: transform .3s,visibility 0s .3s;
    }
    #direct-platform.is-fixed .btn-platform-go { 
        display:block;
        visibility: visible;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-animation: cd-bounce-in .3s linear;
        -moz-animation: cd-bounce-in .3s linear;
        animation: cd-bounce-in .3s linear;
    }
    #direct-platform.is-fixed .btn-platform-go a img{width:110px;}
    /*#direct-platform .btn-platform-go span { display: block; position: relative; }*/
}

/*header*/
header{position:fixed; top:0; left:0; width:100%; height:94px; background-color:rgba(0, 0, 0, 0.47); z-index:500;}
#header_wrap .header{width:1194px; margin:0 auto; overflow:hidden;}
#header_wrap .header h1{float:left; width:160px; }
#header_wrap .header h1 a{display:block; height:42px; line-height:42px; padding:26px 0;}
#header_wrap .header h1 a img{vertical-align:top; }
#header_wrap .header nav{float:right;}
#header_wrap .header nav ul{ overflow:hidden;}
#header_wrap .header nav ul li{float:left; margin:0 44px; font-size:24px; line-height:40px;}
#header_wrap .header nav ul li:last-child{margin-right:0;}
#header_wrap .header nav ul li a{display:block; height:40px; padding:27px 0; color:#fff;}
#header_wrap .header nav ul li a:hover, #header_wrap .header nav ul li a.on{color:#e83428;}

.m_hamberger, .mMenuLayer{display:none;}

/* introduction of main business */
#introduction .detail h2 { font-weight: 900; font-size : 37px; color : #0e0e0e; text-align: center}
#introduction .detail h4 {margin-top: 30px; font-size: 25px;}
#introduction .detail{ width: 1194px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; padding-top : 120px;}
#introduction > .detail img {width: 100%; height: auto; margin-top : 30px;}
/*visual*/
.main_visual{margin-top:-94px; background:url('../img/main/main_visual.jpg') no-repeat center/cover;}
.main_visual .visual_inner{position:relative; width:1194px; height:900px; margin:0 auto;}
.main_visual .visual_inner .visual_tit{position:absolute; top:72%; left:0; transform:translateY(-72%); width:98%; word-break: keep-all;}
.main_visual .visual_inner .visual_tit h2{font-size:50px; line-height:50px; font-weight:700; color:#fff; margin:0 0 22px; letter-spacing:-1px;}
.main_visual .visual_inner .visual_tit p{font-size:25px; line-height:35px; font-weight:200; color:#fff; letter-spacing:-1px;}
.main_visual .visual_inner .visual_tit a{display:block; width:220px; height:62px; margin:75px 0 0; text-align:center; box-sizing:border-box; line-height:60px; color:#fff; font-size:20px; border:1px solid #fff; border-radius:5px;}
.main_visual .visual_inner .visual_tit a:hover{background:#e83428; border:1px solid #e83428;}

.sub_visual{position:relative; height:900px; margin-top:-94px; text-align:center;}
.sub_visual.partner{background:url('../img/sub_visual/visual_partner.jpg') no-repeat center/cover;}
.sub_visual.privacy{background:url('../img/sub_visual/visual_privacy.jpg') no-repeat center/cover;}
.sub_visual.email{background:url('../img/sub_visual/visual_email.jpg') no-repeat center/cover;}
.sub_visual.terms{background:url('../img/sub_visual/visual_terms.jpg') no-repeat center/cover;}
.sub_visual.inquiry{background:url('../img/sub_visual/visual_inquiry.jpg') no-repeat center/cover;}
.sub_visual.com{background:url('../img/sub_visual/visual_company.jpg') no-repeat center/cover;}
.sub_visual.business{background:url('../img/sub_visual/visual_business.jpg') no-repeat center/cover;}
.sub_visual .visual_tit{position:absolute; top:60%; transform:translateY(-60%); width:100%; text-align:center;}
.sub_visual .visual_tit h2{font-size:60px; font-weight:700; color:#fff; margin-bottom:40px;}
.sub_visual .visual_tit p{font-size:25px; line-height:35px; font-weight:300; color:#fff;}
.sub_visual.business .visual_inner{position:relative; width:1194px; height:700px; margin:0 auto;}
.sub_visual.business .visual_inner .visual_tit{position:absolute; top:85%; left:0; transform:translateY(-85%); width:100%; text-align:left;}
.sub_visual.business .visual_inner .visual_tit h2{font-size:40px; font-weight:700; color:#fff; margin-bottom:20px; line-height:53px;}
.sub_visual.business .visual_inner .visual_tit ul li{font-size:25px; line-height:40px; color:#fff; font-weight:300;}
.sub_visual.business .visual_inner .visual_tit ul li strong{font-weight:500;}
.sub_visual.business .visual_inner .visual_tit a{float:left; width:220px; height:62px; margin:70px 0 0px; text-align:center; box-sizing:border-box; line-height:60px; color:#fff; font-size:20px; border:1px solid #fff; border-radius:5px;}
.sub_visual.business .visual_inner .visual_tit a:hover{background:#e83428; border:1px solid #e83428;}
.sub_visual.business .visual_inner .visual_tit a.mr20{margin-right:20px;}

/*container*/
#container{margin-bottom:120px;}
.cont{width:1194px; margin:0 auto; padding:155px 0;}
.cont h3{margin-bottom:30px; text-align:center; font-size:35px; color:#00050a; line-height:35px; font-weight:600;}
.cont h3 span.sub_tit{display:block; font-size:20px; color:#e83428; line-height:20px;  font-weight:400; margin-bottom:18px; word-break:keep-all;}
.cont .grid {width: 80%; margin : 0 auto; display: grid; grid-template-columns: repeat(4,1fr); place-items: center; text-align: center; column-gap: 10px;}
.cont .grid span { font-size : 20px; margin-bottom: 30px;}
.cont .grid div {display: flex; flex-direction: column; height: 100%; justify-content: flex-end;}
.sub_cont{width:1194px; margin:0 auto; padding:0;}
.sub_cont img{width:100%;}
.sub_cont h3{margin-bottom:30px; text-align:center; font-size:35px; color:#00050a; line-height:35px; font-weight:600;}
.sub_cont h3 span.sub_tit{display:block; font-size:20px; color:#e83428; line-height:20px;  font-weight:500; margin-bottom:18px; letter-spacing:6px; word-break:keep-all;}
.tit-comm { margin-top: 15px !important; font-size: 23px; color: #00050a; display: block; text-align: center; }

.cont img { width: 100%;}
/*footer*/
footer{background-color:#1f2022;}
footer .go_link, footer .notice_m{display:none;}
.footer_inner{width:1194px; margin:0 auto; overflow:hidden;}
.footer_top{height:80px; border-top:1px solid #525252;}
.footer_top .menu_terms{float:left;}
.footer_top .menu_terms ul{overflow:hidden;}
.footer_top .menu_terms ul li{position:relative; float:left; padding:0 22px; font-size:16px; line-height:80px;}
.footer_top .menu_terms ul li:nth-child(1){margin-left:0px;}
.footer_top .menu_terms ul li:after{content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:12px; background-color:#525252;}
.footer_top .menu_terms ul li:last-child:after{display:none;}
.footer_top .menu_terms ul li a {display:block; height:80px;  padding:0px 20px; color:#fff;}
.footer_top .menu_sns{float:right;}
.footer_top .menu_sns ul{overflow:hidden;}
.footer_top .menu_sns ul li{float:left; width:44px; height:38px; margin:21px 15px;}
.footer_top .menu_sns ul li a{display:block; height:38px; color:#fff;}
.footer_top .menu_sns ul li a:hover{color:#e83428;}
.footer_bottom{height:460px; padding:82px 0 0; box-sizing:border-box; overflow:hidden; border-top:1px solid #525252;}
.footer_bottom .company_info{float:left; width:33%;}
.footer_bottom .company_info .phone {display: flex;align-items: center;}
.footer_bottom .company_about{float:left; width:33%;}
.footer_bottom .company_notice{float:left; width:33%;}
.footer_bottom h4{font-size:25px; color:#fff; margin-bottom:12px;}
.company_info .footer-brand{display:block; height:45px; margin-bottom:22px;}
.company_info .phone a{font-size:24px; color:#fff;}
.text-white{color:#d4d4d4; font-size:15px; line-height:26px; margin-top:10px; word-break:keep-all; font-weight:lighter;}
.text-list{ margin-top:10px;}
.text-list a{display:block; color:#d4d4d4; font-size:15px; line-height:26px; font-weight:lighter;}
.text-list a:hover{color:#e83428;}
.company_notice{position:relative;}
.company_notice a.btn_more{position:absolute; top:10px; right:0; width:60px; height:24px; color:#d4d4d4; text-align:right; font-size:15px; font-weight:lighter;}
.company_notice a.btn_more:hover{color:#e83428;}
.text-notice li{line-height:36px; margin-top:10px; border-bottom:1px solid #525252; font-size:15px; font-weight:lighter;}
.text-notice li a{display:block; height:100%; color:#d4d4d4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-notice li a:hover{color:#e83428;}

/*btn*/
.btn_type01{width:234px; font-size:25px; line-height:60px; background:#e83428; color:#fff; border-radius:5px;}

/*main contents*/
#container.mgb0{margin-bottom:0px;}
.bg_grey3{background-color:#f7f7f7;}
.Mcont_1{position:relative; margin:100px 0 70px;}

.main h3{font-size:50px; line-height:50px; font-weight:500; text-align:center; margin:0 0 25px; color:#000; word-break:keep-all;}
.main p{font-size:25px; line-height:35px; text-align:center; margin-bottom:78px; color:#696969; word-break:keep-all;}
.main p span{color:#e83428;}
.main_inner{width:1194px; margin:0 auto;}
.main_inner h3{font-size:50px; margin:0 0 25px; line-height:50px; font-weight:500; text-align:center; color:#000; word-break:keep-all;}
.main_inner p{font-size:25px; line-height:35px; text-align:center; margin:0 0 78px; color:#696969; word-break:keep-all;}
.main_inner p.main_stxt{line-height:40px;}
.main.cont { width: 1570px; }

.main .aicall{}
.aicall{ position:relative; text-align:center;}
.aicall video{max-width:1194px;}
.aicall video[poster]{ width:100%; height:100%;}

.aicall-list { text-align: center; }
.aicall-list li { display: inline-block; padding: 0 12px; }
.aicall-list a {  }

.main_process, .main_service{padding:155px 0;}
.M_cont_1 { background-color: #ffffff; text-align: center; padding: 20px 0; }
.M_cont_1 img{max-width:85%;}
.M_cont_2{display:none;}
.main_service .M_cont_1{ position:relative; }
.main_service .M_cont_1 .bg_service{ }
.main_service .M_cont_1 a{position:absolute; top:11%; left:3%; width:20%; height:63px;}

.cont_contact{height:452px; background:url('../img/main/bg_contact.jpg') no-repeat center/cover;}
.contact{width:1194px; margin:0 auto; padding:142px 0 0;}
.contact .box_write{overflow:hidden;}
.contact .box_write > div{float:left; width:30%; margin-right:5%;}
.contact .box_write > div:last-child{margin:0px;}
.c_1 h4{color:#fff; font-size:40px; margin-bottom:30px;}
.c_1 p{color:#fff; font-size:17px; line-height:27px; word-break:keep-all;}
.c_2 input[type=text]{height:46px; margin-bottom:13px; background:#fff; border:1px solid #b2b2b2; font-size:17px; color:#4b4b4b;}
.c_2 input::-webkit-input-placeholder, .c_3 textarea::-webkit-input-placeholder{color:#c7c5c5; font-size:17px; line-height:24px; height:50px; vertical-align:middle;}
.c_3 textarea{height:170px; background:#fff; border:1px solid #b2b2b2; box-sizing:border-box; padding:12px 0; font-size:17px; line-height:24px; resize:none;}
.btn_contact{overflow:hidden; margin:14px 0 0;}
.btn_contact a{float:right; width:157px; line-height:40px; vertical-align:middle; text-align:center; background:#e83428; color:#fff; border-radius:40px;}


/*aicall 레이어 팝업*/
#popup_wrap,
#popup_wrap01,
#popup_wrap02,
#popup_wrap03,
#popup_wrap03_delivery,
#popup_wrap03_packing,
#popup_wrap04,
#popup_wrap04_delivery,
#popup_wrap04_packing,
#popup_wrap05,
#popup_wrap05_delivery,
#popup_wrap05_packing,
#popup_wrap06,
#popup_wrap06_delivery,
#popup_wrap06_packing,
#popup_wrap07,
#popup_wrap07_delivery,
#popup_wrap07_packing,
#popup_wrap08,
#popup_wrap08_packing,
#popup_wrap09,
#popup_wrap09_packing,
#popup_wrap10,
#popup_wrap10_delivery,
#popup_wrap10_packing,
#popup_wrap10_interview,
#popup_wrap11,
#popup_wrap11_delivery,
#popup_kiosk,
#popup_wrap11_packing {width:900px; height:550px; background:#fff; border: solid 1px #666666; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; display:none;}
#mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;}
.popup-cont01 {position:relative; width:800px; height:450px; margin: 50px auto; text-align: center;}
.popup-cont01 video{width:100%;}
.popup-cont01 button { position:absolute; top:-40px; right:-40px; width: 44px; height: 44px; background:url('../img/icon/icon_close.png') no-repeat; border: none; }
#a_video{position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:-999999;}
.popup-cont01 video[poster]{ 
    width:100%;    
    height:100%;
}
@media (max-width: 1200px) {
    #popup_wrap,
    #popup_wrap01,
    #popup_wrap02,
    #popup_wrap03_delivery,
    #popup_wrap03_packing,
    #popup_wrap04_delivery,
    #popup_wrap04_packing,
    #popup_wrap05_delivery,
    #popup_wrap05_packing, 
    #popup_wrap06_delivery,
    #popup_wrap06_packing,
    #popup_wrap07_delivery,
    #popup_wrap07_packing,
    #popup_wrap08_packing, 
    #popup_wrap09_packing, 
    #popup_wrap10_delivery,
    #popup_wrap10_packing,
    #popup_wrap10_interview,
    #popup_wrap11_delivery,
    #popup_kiosk,
    #popup_wrap11_packing {width:85%; min-height:200px; height:auto;}
    .popup-cont01 {width:100%; height:auto; text-align: center; min-height:200px;}
    .popup-cont01 button { position:absolute; top:-45px; right:10px;}
    .popup-cont01 img {width:100%;}
}

/*반응형*/
@media (max-width: 1200px) {
    #wrap{width:100%;}
    header{height:70px;}
    #header_wrap{position:relative;}
    #header_wrap .header{width:100%;}
    #header_wrap .header h1 a{width:120px; height:28px; padding:21px 20px; vertical-align:middle;}
    #header_wrap .header h1 a img{width:100%;}
    #header_wrap .header nav{display:none;}

    .main_visual{margin-top:-70px;}
    .main_visual .visual_inner{width:100%; height:520px;}
    .main_visual .visual_inner .visual_tit{width:95%; left:20px; top:72%; transform:translateY(-72%);}
    .main_visual .visual_inner .visual_tit h2{font-size:32px; line-height:42px;}
    .main_visual .visual_inner .visual_tit p{font-size:16px; line-height:22px; word-break:keep-all;}
    .main_visual .visual_inner .visual_tit a{width:190px; height:44px; margin:40px 0 0; line-height:40px; font-size:16px;}

    .sub_visual{height:620px; margin-top:-70px;}
    .sub_visual .visual_tit{width:320px; left:50%; top:70%; transform:translate(-50%, -70%);}
    .sub_visual .visual_tit h2{font-size:32px;}
    .sub_visual .visual_tit p{font-size:15px; word-break:keep-all; line-height:23px;}

    .sub_visual.business .visual_inner{width:95%; height:520px;}
    .sub_visual.business .visual_inner .visual_tit{left:5px; top:72%; transform:translateY(-72%);}
    .sub_visual.business .visual_inner .visual_tit h2{font-size:22px; line-height:32px;}
    .sub_visual.business .visual_inner .visual_tit ul li{font-size:16px; line-height:22px; word-break:keep-all;}
    .sub_visual.business .visual_inner .visual_tit a{width:39%; margin:20px 0 0; height:43px; line-height:38px; font-size:14px;}
    .sub_visual.business .visual_inner .visual_tit a.mr20{margin-right:10px;}

    #introduction .detail {width: 100%;}
    #introduction .detail h2 { font-weight: 900; font-size : 22px; color : #0e0e0e; text-align: center}
    #introduction .detail h4 {display: none;}
    #introduction > .detail img {width: 100%; height: auto; margin-top : 30px;}
    
    #container{margin-bottom:65px;}
    .cont{width:100%; margin:0 auto; padding:72px 20px; box-sizing:border-box;}
    .cont h3{font-size:28px; line-height:36px; margin-bottom:30px; }
    .cont h3 span.sub_tit{font-size:17px; line-height:20px; margin-bottom:10px;}
    .sub_cont{width:100%; margin:0 auto; padding:20px 20px 0; box-sizing:border-box;}
    .sub_cont h3{font-size:28px; line-height:36px; margin-bottom:10px; }
    .sub_cont h3 span.sub_tit{font-size:17px; line-height:20px; margin-bottom:10px;}
    .cont.main h3{width:75%; font-size:30px; line-height:30px;  margin:0 auto 12px;}
    .cont.main p{font-size:18px; line-height:26px; margin:0 0 36px;}
    .main_inner h3{width:75%; font-size:30px; line-height:38px;  margin:0 auto 12px;}
    .main_inner p{font-size:18px; line-height:26px; margin:0 0 36px;}
    .main .aicall{margin:35px 0 0;}
    .aicall video{max-width:100%;}
    .main_process{padding:40px 0;}
	.main.cont { width: 100%; }
	.aicall-list li { display: block; margin-bottom: 20px; }
	.aicall-list li img { width: 100%; height: auto; }

    .cont .grid {grid-template-columns: 1fr; grid-template-rows: repeat(4,1fr); row-gap: 5px;}
    .cont .grid span {display: none;}
    .footer_inner{width:100%;}
    .footer_top{background-color:#000; border:0px;}
    .footer_top .menu_terms{display:none;}
    .footer_top .menu_sns{float:none; text-align:center;}
    .footer_top .menu_sns ul li{float:none; display:inline-block;}
    .footer_bottom{height:390px; padding:30px 0 0; border:0;}
    .footer_bottom .company_info{float:none; width:100%; text-align:center;}
    .footer_bottom .company_about{display:none;}
    .footer_bottom .company_family{display:none;}
    .footer_bottom .company_notice{display:none;}

    footer .go_link{display:block; background-color:#1f2022; padding:20px;}
    footer .go_link select{width:100%; height:40px; margin:0 0 7px; padding:5px 5px 5px 12px; font-size:16px; color:#fff; border-radius:3px; border:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/icon/icon_select.png') no-repeat 96% 50% #000; }
    footer .go_link select.go_family{ display : none; margin:0;}
    footer .go_link select::-ms-expand{display:none;}

    footer .notice_m{display:block; background-color:#000; border-top:1px solid #525252; border-bottom:1px solid #525252;}
    footer .notice_m .notice_one{height:50px; padding:0 20px; line-height:50px; box-sizing:border-box; }
    footer .notice_m .notice_one a{color:#fff;}
    footer .notice_m .notice_one a:first-child{float:left; width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    footer .notice_m .notice_one a:last-child{float:right; width:15%; text-align:right;}
    /* main contents[contact] */
    .main_service .M_cont_2{ position:relative; text-align:center;}
    .main_process, .main_service{padding:72px 0;}
    .main_inner{width:100%; padding:0px 20px; box-sizing:border-box;}
    .contact .box_write > div{float:none; width:100%;}
    .c_1{text-align:center; margin-bottom:30px;}
    .cont_contact{width:100%; height:auto; margin:0; padding:20px 20px; box-sizing:border-box;}
    .contact{width:100%; padding:35px 0;}
    

    .main_process .M_cont_2 img {width:100%;}
    .main_service .M_cont_2 .bg_service img{max-width:750px;}
    .main_service .M_cont_2{position:relative;}
    .main_service .M_cont_2 .bg_service{z-index:0;}
    .main_service .M_cont_2 .btn_service{position:absolute; top:31%; left:50%; transform: translate(-50%, -31%); width:217px; height:43px; z-index:30;}
    .main_service .M_cont_2 .btn_service a{display:block; height:43px; line-height:43px; background-color:#e83428; border-radius:3px; text-align:center; font-size:18px; color:#fff;}
    .main_inner p.main_stxt{line-height:26px;}

    /* 모바일 GNB */
    .m_hamberger{display:block !important; overflow:hidden; text-indent:-1000em; position:absolute; top:20px; right:20px; width:30px; height:30px; background:url('../img/icon/icon_allmenu.png') 50% 50% no-repeat; background-size: cover;}
    .m_hamberger:focus {-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .mMenuLayer .mgnbHeader h1{float:left; width:83px; }
    .mMenuLayer .mgnbHeader h1 a{display:block; width:83px; height:21px; padding:20px; vertical-align:middle;}
    .mMenuLayer .mgnbHeader h1 a img{width:100%; vertical-align:text-top;}
    .close{display:block !important;overflow:hidden; text-indent:-1000em; position:absolute; top:16px; right:16px;width:30px;height:30px;background:url('../img/icon/icon_close.png') 50% 50% no-repeat;background-size: cover;}
    .close:focus {-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .mMenuLayer{display:block; position:fixed; top:0; right:-2400px; width:100%;/*max-width:350px;*/ height:100%; padding-top:170px; background:#ffffff; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: ease-in .5s; transition: ease-in .5s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
    .mMenuLayer.show{display:block; right:0; transform: translateX(0); }
    .mMenuLayer .topWrapper {position:absolute; left:0; top:0; width:100%; /*min-height:667px;*/ height:100%; border-bottom:1px #ececec solid;}
    .mMenuLayer .mgnbHeader{overflow:hidden;height:64px;}
    .mMenuLayer .m-logo{display:block;overflow:hidden;text-indent: -10000em;position:relative;margin:15px auto 0;width:58px;height:20px;text-align: center;}
    .mMenuLayer .btn-closeMenu{position:absolute;top:0;left:0;overflow:hidden; text-indent: -10000em; width:46px;height:44px;}
    .mMenuLayer .btn-branches{position:absolute;top:0;right:44px;overflow:hidden; text-indent: -10000em; width:34px;height:44px;}
    .mMenuLayer .btn-mSearch{position:absolute;top:0;right:0;overflow:hidden; text-indent: -10000em; text-align: left;width:34px;height:44px;}
    .m-gnb-wrapper{display: flex; height:100%; justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;overflow: hidden;width:100%;background:#000000;}
    .m-gnb-wrapper .frontMenu{overflow: hidden; position:relative; min-width:143px; height:100%;}
    .m-gnb-wrapper .frontMenu .menulistWrap {position:relative; height:100%; padding-bottom:190px;}/*200521*/
    .m-gnb-wrapper .frontMenu .list a{display:flex;align-items: center;position:relative;width:100%;padding:0 30px 0 15px;height:50px;color:#ffffff;font-size:14px;line-height:1.2;}
    .m-gnb-wrapper .frontMenu .list a.on,.m-gnb-wrapper .frontMenu .list a:active{color:#fff;background:#e83428;}
    .m-gnb-wrapper .frontMenu .list a.on:after,.m-gnb-wrapper .frontMenu .list a:active:after{position:absolute;top:50%;right:15px;margin:-6px 0 0;width:10px;height:15px;content:' ';}
    .m-gnb-wrapper .frontMenu.mh{padding-bottom: 0;}
    .m-gnb-wrapper .frontMenu.mh .m-contact{position:relative;padding:15px;}
    .m-gnb-wrapper .middleMenu{overflow: hidden;overflow-y: auto; padding:3px 0 0 21px;width:100%;background:#f9f9f9;}
    .m-gnb-wrapper .middleMenu > ul {display: none;}
    .m-gnb-wrapper .middleMenu > ul > li{border-bottom:1px #d9d9d9 solid;}
    .m-gnb-wrapper .middleMenu li .secondLink{display:block;position:relative;height:55px;line-height:55px;color:#505051;font-size:15px;text-align: left;}
    .m-gnb-wrapper .middleMenu li .secondLink:active,.m-gnb-wrapper .middleMenu li.thirdMenuLink.on .secondLink{color:#e83428;}
    .m-gnb-wrapper .middleMenu li.on a{color:#6c801a;}
}

@media (max-width: 600px) {
    .m-block{display:block;}
}
@media (max-width: 780px) {
    .main_service .M_cont_2 .bg_service img{width:100%;}
    .main_service .M_cont_2 .btn_service img{width:70%;}
	.footer_bottom .company_info .phone {justify-content: center;}
}
@media (max-width: 600px) {
.M_cont_1{display:none;}
.M_cont_2{display:block; margin-top:45px; text-align:center;}
}