/* font-family: 'Montserrat', sans-serif;
font-family: 'Noto Sans KR', sans-serif; */

/* ===== SUB COMMON ===== */

.wrap {
    position:relative; width:100%; max-width:1200px; margin:0 auto;
    word-break: keep-all;
}

.sub_header {
    height: auto;
    position: fixed;
    z-index: 1000;
}
.sub_mainImg {
    background:url(../images/sub/sub_bg.jpg) #000 top center; 
    height:720px;
}

.ta_hidden_dia, .mo_hidden_dia {
    display: none;
}
.ta_hidden {
    display: none;
}

.ta_logo {
    display: none;
}
.mo_visual {
    display: none;
}


/* 개인정보 */
.privacy_text_box{padding:0; margin:0;}
.privacy_fin{font-size:16px; line-height:26px;}
.privacy_fin h2{font-size:18px; line-height:26px; font-weight:600; letter-spacing:-1px; margin:60px 0 20px;}
.privacy_fin table{width:100%; max-width:1200px; border:solid 1px #ccc;  border-right:none; margin-top:20px;}
.privacy_fin th{background-color:#eee; font-size:16px;  font-weight:600; padding:12px 0; border-right:solid 1px #ccc;}
.privacy_fin td{font-size:15px;  font-weight:500; padding:12px; border-right:solid 1px #ccc;}
.privacy_fin p{margin:10px 0 10px 20px;}
.privacy_fin span {
    cursor: pointer;
}




.seco_fir_inner_sub .container span {
    display: none;
}





/* contact */
.seco_seco .seco_bg .seco_seco_box .seco_dw {
    background-color: rgba(255, 255, 255,0.1);
    border: 1px solid #fff;
    flex: 1;
    margin-left: 10px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.5s;
    font-family: 'Noto sans KR', sans-serif;
    font-size: 19px;
    font-weight: 300;
    color: #fff;
}
.seco_seco .seco_bg .seco_seco_box .seco_dw:hover {
    background-color: #fff;
}
.seco_seco .seco_bg .seco_seco_box .seco_dw:hover span {
    color: #444;
    font-weight: 500;
}
.seco_seco .seco_bg .seco_seco_box .seco_dw>span:nth-child(2) {
    transform: translateY(5px);
}




/* 서비스영역 index */


.header_sub {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 1000;
}

.header_line {
    top: 100px;
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #575d6c;
    z-index: 100;
}


.header_sub .header_inner {
    position:relative; 
    max-width:1200px; 
    height:100px; 
    margin:0 auto;
    z-index: 100;

}

.header_sub .header_inner > h1 {
    display:flex;

}

.header_sub .header_inner > h1 .logo_header {
    position:absolute; 
    margin:auto; 
    top:0; 
    bottom:0; 
    transform: translateY(5px);
    display:flex; 
    /* width: 300px;
    height: 70px; */
    width:190px; 
    height:31px; 
}

.header_sub .header_inner .nav {
    position:absolute; 
    margin:auto; 
    top:0; 
    bottom:0; 
    right:80px; 
    height:100px;
}
.header_sub .header_inner .nav > ul {
    display:flex;
}
.header_sub .header_inner .nav > ul > li {
	position:relative; 
    float:left; 
    margin-left:40px;   

}
.header_sub .header_inner .nav > ul > li .nav_link {
    position:relative;
    z-index:1; 
    color:#fff; 
    display:block; 
	height:100px; 
    line-height:100px; 
    font-family: 'Noto sans KR', sans-serif;
    font-size: 20px;

}

.header_sub .header_inner .nav > ul > li .nav_link::before {
    position:absolute; 
    content:""; 
    bottom:-1px; 
    left:0; 
    height:3px; 
    width:0; 
    background:#4EB8CD; 
    transition:all 0.3s ease;
}
.header_sub .header_inner .nav > ul > li .nav_link:hover::before,
.header_sub .header_inner .nav > ul > li .nav_link.active::before,
.header_sub .header_inner .nav > ul > li:hover .nav_link::before {
    left:0;
    width:100%;
}
.header_sub .header_inner .nav > ul > li .drop_menu {
    position:absolute; 
    left:50%; 
    top:100px; 
    transform:translateX(-50%); 
    display:none;
}
.header_sub .header_inner .nav > ul > li .drop_menu {
    width:220px; 
    font-size:1.6rem;
}
.header_sub .header_inner .nav > ul > li:hover .drop_menu {
    display:block; 
    transition:all 0.25s ease;
}
.header_sub .header_inner .nav > ul > li .drop_menu > ul {
    display:inline-block; 
    padding:5px 0; 
    background:#fff; 
    border:1px solid #eee; 
    border-radius:5px; 
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.header_sub .header_inner .nav > ul > li .drop_menu > ul > li {
    float:left; 
    width:100%;
}
.header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a {
    font-family: 'Noto sans KR', sans-serif;
    display:block; 
    color:#333; 
    padding:15px 15px; 
    font-weight:400;
    font-size: 20px;
}
.header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a:hover {
    background:#F4F6F7; 
    color:#0E8BA2; 
    transition:all 0.25s ease;
}
.header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a:hover {
    background:#F4F6F7; 
    color:#0E8BA2; 
    transition:all 0.25s ease;
}



.info_summury {
    text-align: center;
    margin-bottom: 40px;
}


.mainImg_serv {
    /* position: absolute; */
    width: 100%;
    height: 1000px;
    top: 0;
    left: 0;
  }


.mainImg_serv .changeimg_serv {
    width: 100%;
    height: 100%;
     background: url(../images/sub_main.png) no-repeat top center;
     position: relative;
}

/* .mainImg_serv .changeimg_serv > div {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    max-width: 1170px;
    text-align: center;
} */




.mainImg_serv .changeimg_serv > div {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 90%;
    transform: translate(-50%,-50%);
    text-align: center;
    max-width: 1170px;
}



.mainImg_serv .changeimg_serv > div > h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 58px; 
}
.mainImg_serv .changeimg_serv > div > p {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
}
.mainImg_serv .changeimg_serv > div > img {
    width: 100%;
}

.sub_section {
    margin-top: 100px;
}

.seco_fir.seco_fir_sub {
    height: 600px;

}

.seco_fir_inner_sub {
    width: 1200px;
    max-width: 1200px;

}
.seco_fir_inner_sub > div.container {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr 1fr;

    /*height: 970px;*/
    /* grid-template-columns: 390px 390px 390px; 
    grid-template-rows: 475px 475px; */
  }

  .seco_fir_inner_sub > div.container > div {
    cursor: pointer;
    transition: 0.5s;
     min-height: 475px; 
  }

  .seco_fir_inner_sub > div.container > div:hover {
    transform: scale(1.02);
  }
 
  .seco_fir_inner_sub > div.container > div:nth-child(1) {
    background: url(../images/serv_img02.png) no-repeat center center;
  }
 
  .seco_fir_inner_sub > div.container > div:nth-child(2) {
    background: url(../images/serv_img04.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(3) {
    background: url(../images/serv_img05.png) no-repeat center center;
  }

 
  /*
  .seco_fir_inner_sub > div.container > div:nth-child(1) {
    background: url(../images/serv_img01.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(2) {
    background: url(../images/serv_img02.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(3) {
    background: url(../images/serv_img03.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(4) {
    background: url(../images/serv_img04.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(5) {
    background: url(../images/serv_img05.png) no-repeat center center;
  }
  .seco_fir_inner_sub > div.container > div:nth-child(6) {
    background: url(../images/serv_img06.png) no-repeat center center;
  }
  */

  .seco_fir_inner_sub > div.container > div > div {
    display: flex;
    flex-direction: column;
    padding: 40px;
  }
  .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(1) {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: rgba(0, 0, 0,0.5);
    font-size: 14px;
    text-align: left;
  }
  .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(2) {
    font-family: 'Noto sans KR', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-top: 10px;
    line-height: 24px;
    word-break: keep-all;
  }

  
  .seco_fir_inner_sub > div.container > div > div > img {
    margin-top: 20px;
    min-width: 140px;
    width: 30%;
  }

  
  .seco_fir_inner_sub > div.container > div > div > img.pc_logo_zoom {
    min-width: 120px;
    width: 30%;
    transform: translateY(-7px);
  }
  .seco_fir_inner_sub > div.container > div > div > img.pc_logo_ecu {
    min-width: 120px;
    width: 30%;
  }
  .seco_fir_inner_sub > div.container > div > div > img.pc_logo_mu {
    min-width: 120px;
    width: 30%;
  }




  .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(1) {
    margin-top: 30px 0;
  }
 


 






.sub_wrap {width:100%; padding:200px 0 50px 0;}
.sub_modi_Wrap {

    width:100%; padding:100px 0 50px 0;}


.sub_wrap .sub_con {font-size:1.6rem;}
.sub_wrap .sub_con.divider {/*margin-bottom:100px;*/}

.sub_wrap .sub_con.bg_gray_ff {background:#e8ecee; padding:100px 0 100px; margin:100px 0;}
.sub_wrap .sub_con.bg_gray_f9 {background:#F9F9F9; padding:100px 0;}
.sub_wrap .sub_con.bg_gray_f4 {background:#F4F6F7; padding:100px 0;}
.sub_wrap .sub_con.new_con{padding-top:300px;}

.sub_wrap .sub_con.pdb_0 {padding-bottom:0;}

.sub_wrap .sub_con.sub_text_bg {position:relative;}

.sub_wrap .sub_con.sub_text_bg::before {position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; text-align:center; font-size:18rem; font-family: 'Montserrat', sans-serif; font-weight:800; color:#fff; text-shadow: -1px 0 #ccc, 1px 0 #ccc, 0 -1px #ccc, 0 1px #ccc;}
/*.sub_wrap .sub_con.sub_text_bg.bg_ad::before {content:"Advertisement";}*/
.sub_wrap .sub_con.sub_text_bg.bg_com::before {content:"Commerce";}

.pdt100{padding-top:100px;}
.pdt50{padding-top:50px;}







.contact_map_box .map_address > p span{color:#aaa; font-weight:100; padding:0 10px; }










@media (max-width: 1559.98px) {
	.sub_wrap .sub_con.sub_text_bg::before {font-size:14rem;}
}

@media (max-width: 1299.98px) {
	.sub_wrap .sub_con.sub_text_bg::before {top:200px; font-size:10rem;}
}

@media (max-width: 991.98px) {
	.sub_wrap .sub_con.sub_text_bg::before {top:210px; font-size:8rem;}
}

@media (max-width: 767.98px) {
    .sub_wrap {padding:200px 0 30px 0;}

	.sub_wrap .sub_con.sub_text_bg::before {top:225px; font-size:6rem;}
}

@media (max-width: 575.98px) {
	.sub_wrap .sub_con.sub_text_bg::before {top:235px; font-size:4.5rem;}
}

/* sub_title */

.sub_wrap .sub_con .sub_title {
    font-size:2.6rem; font-family: 'Montserrat', sans-serif; color:#aaa; 
    position:absolute; top:80px; text-align:center; width:100%; text-transform:uppercase; 
    letter-spacing:1px;}


.sub_wrap .sub_con .sub_title_se,
.sub_wrap .sub_con .sub_title_co {
    font-size: 2.6rem;
    font-family: 'Montserrat', sans-serif;
    color: #4EB8CD;
    position:absolute;
    margin-bottom: 50px;
    top: -5%;
    text-transform: uppercase;
    text-align: left;
}



.sub_wrap .sub_con .sub_slogan {
    font-size:3.4rem; line-height:4.6rem; 
    text-align: center;
    font-weight:700; color:#040303; 
    margin-bottom:40px;
    margin-top:-40px;
}

.top_bg{
     
    height:720px;
}


/* sub_mid_title */

.sub_mid_title {font-size:2.8rem; font-weight:700; color:#040303;text-align:center;}

.sub_mid_title.text_center {text-align:center;}

.sub_mid_title .tit_logo {display:inline-block; margin-right:5px; background-size:contain !important;}
.h3_block {
    font-size:2.8rem; font-weight:700; color:#040303;text-align:center;margin-bottom:30px;
    margin-top: 5px;
}
.sub_mid_title .tit_logo.xarvis_cen {width:150px; height:50px; transform:translateY(12px);}
.sub_mid_title .tit_logo.xarvis_cen {background:url(../images/sub/logo_XARVIS.svg) center center no-repeat;}
.sub_mid_title .tit_logo.xarvis {
    width:109px; 
    height:20px; 
    transform:translateY(1px);
}
.sub_mid_title .tit_logo.xarvis {background:url(../images/sub/logo_XARVIS.svg) center center no-repeat;}

.sub_mid_title .tit_logo.q_plus_cen {width:130px; height:50px; transform:translateY(4px);}
.sub_mid_title .tit_logo.q_plus_cen {background:url(../images/sub/logo_quiz_plus.svg) center center no-repeat;}
.sub_mid_title .tit_logo.q_plus {width:70px; height:31px; transform:translateY(0);}
.sub_mid_title .tit_logo.q_plus {background:url(../images/sub/logo_quiz_plus.svg) center center no-repeat;}

.sub_mid_title .tit_logo.oasis_cen {width:150px; height:50px; transform:translateY(12px);}
.sub_mid_title .tit_logo.oasis_cen {background:url(../images/sub/logo_oasis.png) center center no-repeat;}
.sub_mid_title .tit_logo.oasis {width:125px; height:23px; transform:translateY(2px);}
.sub_mid_title .tit_logo.oasis {background:url(../images/sub/logo_oasis.png) center center no-repeat;}


.sub_mid_title .tit_logo.tz_plus {width:136px; height:36px; transform:translateY(1px);}
.sub_mid_title .tit_logo.tz_plus {background:url(../images/sub/logo_thezooom_plus.svg) center center no-repeat;}


.sub_mid_title .tit_logo.e_cp {width:186px; height:34px; transform:translateY(6px);}
.sub_mid_title .tit_logo.e_cp {background:url(../images/sub/logo_e_coupon.svg) center center no-repeat;}

/* mid_info_text */

.mid_info_text .info_title {font-size:2rem; line-height:34px; font-weight:500; color:#333; margin-bottom:20px; text-align:center;}

.mid_info_text .info_detail > p {font-size:1.8rem; line-height:28px; color:#555; text-align:center;}
.mid_info_text .info_detail > p:last-child {margin-bottom:50px;}

/* service */

.service_title_wrap {width:100%; margin-bottom:80px;}

.service_title_wrap > ul {display:inline-block; width:100%;}
.service_title_wrap > ul > li {position:relative; float:left;}

.service_title_wrap > ul > li.s_title {width:40%; font-size:2rem; color:#555; line-height:36px;}
.service_title_wrap > ul > li.s_object {width:60%}

.service_title_wrap > ul > li.s_title .s_text.text_01 {margin-bottom:25px;}

/* service s_object */

.service_title_wrap > ul > li.s_object > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
.service_title_wrap > ul > li.s_object > dl > dd {float:left; width:50%; padding:0 15px; box-sizing:border-box;}

.service_title_wrap > ul > li.s_object .object_box {position:relative; display:block; width:100%; height:500px; border-radius:10px; background:#F4F6F7; color:#888;}
.service_title_wrap > ul > li.s_object .object_box {padding:60px 50px 50px 50px; box-sizing:border-box; font-size:1.6rem;}

.service_title_wrap > ul > li.s_object .object_box::before {position:absolute; content:""; display:inline-block; background-size:contain !important;}

.service_title_wrap > ul > li.s_object .object_box.object_01 {transform:translateY(-20px);}
.service_title_wrap > ul > li.s_object .object_box.object_01:hover {background:#4EB8CD; transform:translateY(-40px); transition:all 0.3s ease; box-shadow:0px 4px 8px rgba(0,0,0,0.16);}

.service_title_wrap > ul > li.s_object .object_box.object_02 {transform:translateY(20px);}
.service_title_wrap > ul > li.s_object .object_box.object_02:hover {background:#5D79D5; transform:translateY(0); transition:all 0.3s ease; box-shadow:0px 4px 8px rgba(0,0,0,0.16);}

.service_title_wrap > ul > li.s_object .object_box.object_01::before {width:400px; height:265px; left:-25px; bottom:50px;}
.service_title_wrap > ul > li.s_object .object_box.object_01::before {background:url(../images/sub/service_ban_img01.png) center center no-repeat;}

.service_title_wrap > ul > li.s_object .object_box.object_02::before {width:312px; height:302px; left:25px; bottom:30px;}
.service_title_wrap > ul > li.s_object .object_box.object_02::before {background:url(../images/sub/service_ban_img02.png) center center no-repeat;}

.service_title_wrap > ul > li.s_object .object_box .title {font-size:2.6rem; color:#040303; font-weight:800; margin-bottom:20px;}

.service_title_wrap > ul > li.s_object .object_box:hover .title {color:#fff;}

.service_title_wrap > ul > li.s_object .object_box .button {position:relative; display:inline-block; padding-right:30px;}
.service_title_wrap > ul > li.s_object .object_box .button::after {position:absolute; content:""; display:inline-block; width:20px; height:20px; background-size:contain !important; right:0; top:0px;}
.service_title_wrap > ul > li.s_object .object_box .button::after {background:url(../images/sub/service_btn_arrow01.svg) center center no-repeat;}

.service_title_wrap > ul > li.s_object .object_box:hover .button {color:#fff;}
.service_title_wrap > ul > li.s_object .object_box:hover .button::after {background:url(../images/sub/service_btn_arrow01_01.svg) center center no-repeat;}

@media (max-width: 1299.98px) {	
	.service_title_wrap.service_intro > ul > li.s_title,
    .service_title_wrap.service_intro > ul > li.s_object {width:100%}

    .service_title_wrap.service_intro > ul > li.s_object {margin-top:30px;}

    .service_title_wrap.service_intro > ul > li.s_title br {display:none;}
    .service_title_wrap.service_intro > ul > li.s_title .s_text.text_01 {margin-bottom:0;}

    .service_title_wrap.service_intro > ul > li.s_object .object_box.object_01,
    .service_title_wrap.service_intro > ul > li.s_object .object_box.object_02 {transform:translateY(0);}

    .service_title_wrap > ul > li.s_object .object_box.object_01::before {left:50%; transform:translateX(-50%); bottom:50px;}
    .service_title_wrap > ul > li.s_object .object_box.object_02::before {left:50%; transform:translateX(-50%); bottom:30px;}
}

@media (max-width: 991.98px) {
    .mid_info_text .info_detail > p:last-child {margin-bottom:30px;}
}

@media (max-width: 767.98px) {
    .service_title_wrap {width:100%; margin-bottom:40px;}

	.service_title_wrap > ul > li.s_object > dl > dd {width:100%; margin-bottom:20px;}
	.service_title_wrap > ul > li.s_object > dl > dd:last-child {margin-bottom:0;}

    .service_title_wrap > ul > li.s_object .object_box {padding:60px 0 50px 50px; height:auto;}

    .service_title_wrap > ul > li.s_object .object_box.object_01::before {width:200px; height:133px; left:auto; right:-55px; top:22px;}
    .service_title_wrap > ul > li.s_object .object_box.object_02::before {width:145px; height:140px; left:auto; right:0; top:20px;}
}

@media (max-width: 575.98px) {
	.service_title_wrap > ul > li.s_object .object_box {padding:35px 0 35px 35px;}

    .service_title_wrap > ul > li.s_object .object_box.object_01::before {width:165px; height:110px; right:-62px; top:5px;}
    .service_title_wrap > ul > li.s_object .object_box.object_02::before {width:119px; height:115px; right:-18px; top:7px;}

    .service_title_wrap > ul > li.s_object .object_box .title {font-size:2rem; margin-bottom:12px;}
}

/* service service_detail */

.service_detail {width:100%; padding:50px 50px 50px 50px; box-sizing:border-box; background:#F4F6F7;}

.service_detail .detail_title {font-size:2rem; color:#040303; margin:50px 0 25px 0;}

/* service_logo */

.service_detail .detail_list .service_logo {display:inline-block; background-size:contain !important;}

.service_detail .detail_list .service_logo.xarvis {width:150px; height:17px; transform:translateY(3px);}
.service_detail .detail_list .service_logo.xarvis {background:url(../images/sub/logo_XARVIS.svg) left center no-repeat;}

.service_detail .detail_list .service_logo.q_plus {width:150px; height:30px; transform:translateY(2px);}
.service_detail .detail_list .service_logo.q_plus {background:url(../images/sub/logo_quiz_plus.svg) left center no-repeat;}

.service_detail .detail_list .service_logo.oasis {width:150px; height:20px; transform:translateY(0);}
.service_detail .detail_list .service_logo.oasis {background:url(../images/sub/logo_oasis.png) left center no-repeat;}

.service_detail .detail_list .service_logo.tz_plus {width:150px; height:30px; transform:translateY(0px);}
.service_detail .detail_list .service_logo.tz_plus {background:url(../images/sub/logo_thezooom_plus.svg) left center no-repeat;}

.service_detail .detail_list .service_logo.e_coupon {width:150px; height:30px; transform:translateY(2px);}
.service_detail .detail_list .service_logo.e_coupon {background:url(../images/sub/logo_e_coupon.svg) left center no-repeat;}

/* d_inner */

.service_detail .detail_list .d_inner {width:100%;}

.service_detail .detail_list .d_inner .d_title {font-size:2rem; line-height:34px; font-weight:500; color:#040303;}

.service_detail .detail_list .d_inner .d_text {color:#555; margin:15px 0 30px 0; font-size:1.6rem; line-height:28px;}

.service_detail .detail_list .d_inner .d_box_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.service_detail .detail_list .d_inner .d_box_list > ul > li {float:left; padding:0 10px; box-sizing:border-box;}

.service_detail .detail_list .d_inner .d_box_list.col_02 > ul > li {width:50%;}

.service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li:first-child {width:34%;}
.service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li {width:33%;}

.service_detail .detail_list .d_inner .d_box_list .box_inner {position:relative; background:#F4F6F7; border-radius:8px; padding:25px 25px 25px 25px; box-sizing:border-box;}

.service_detail .detail_list .d_inner .d_box_list .box_inner::after {position:absolute; content:""; display:inline-block; background-size:contain !important; right:25px; top:25px;}

.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0101::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0101::after {background:url(../images/sub/service_01_xarvis_icon01_01.svg) center center no-repeat;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0102::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0102::after {background:url(../images/sub/service_01_xarvis_icon01_02.svg) center center no-repeat;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0103::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0103::after {background:url(../images/sub/service_01_xarvis_icon01_03.svg) center center no-repeat;}

.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0301::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0301::after {background:url(../images/sub/service_03_oasis_icon01_01.svg) center center no-repeat;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0302::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0302::after {background:url(../images/sub/service_03_oasis_icon01_02.svg) center center no-repeat;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0303::after {width:50px; height:50px;}
.service_detail .detail_list .d_inner .d_box_list .box_inner.box_0303::after {background:url(../images/sub/service_03_oasis_icon01_03.svg) center center no-repeat;}

.service_detail .detail_list .d_inner .d_box_list .box_inner .box_numb {font-size:1.8rem; font-family: 'Montserrat', sans-serif; color:#4EB8CD; font-weight:700;}
.service_detail .detail_list .d_inner .d_box_list .box_inner .box_tit {font-size:1.8rem; color:#333; font-weight:500; margin:30px 0 10px 0;}
.service_detail .detail_list .d_inner .d_box_list .box_inner .box_text {font-size:1.4rem; line-height:24px; color:#555;}

/* d_inner d_btn_wrap */

.service_detail .detail_list .d_inner .d_btn_wrap {text-align:center; margin-top:30px;}

.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail {position:relative; z-index:1; display:inline-block; font-size:1.8rem; transform:translateX(5px); width:320px; height:50px; line-height:50px; box-sizing:border-box; border-radius:5px;}
.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail {background:#4EB8CD; color:#fff; font-weight:500; border-radius:5px;}
.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail:hover {background:#6f6f6f; color:#fff; transition:all 0.3s ease;}

.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail::after {position:absolute; content:""; width:0; height:100%; top:0; right:0; z-index:-1; background-color:#6f6f6f; border-radius:5px; transition:all 0.3s ease;}
.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail:hover::after {left:0; width:100%;}

@media (max-width: 1359.98px) {	
    .service_detail .detail_list .d_inner .d_box_list.col_02 > ul > li {width:100%;}
    .service_detail .detail_list .d_inner .d_box_list.col_02 > ul > li {margin-bottom:10px;}
    .service_detail .detail_list .d_inner .d_box_list.col_02 > ul > li:last-child {margin-bottom:0;}

	.service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li:first-child,
    .service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li {width:100%;}

    .service_detail .detail_list .d_inner .d_box_list.col_02 > ul > li,
    .service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li {margin-bottom:10px;}
    
    .service_detail .detail_list .d_inner .d_box_list.col_03 > ul > li:last-child {margin-bottom:0;}

    .service_detail .detail_list .d_inner .d_box_list .box_text br {display:none;}
}

@media (max-width: 991.98px) {
    .service_detail {padding:35px 35px 35px 35px;}

    .service_detail .detail_list .d_inner .d_text br {display:none;}
}



@media (max-width: 575.98px) {
    .service_detail {padding:25px 25px 25px 25px;}
	
}

/* service service_top_logo */

.service_top_logo {width:100%; text-align:center; /*top-bottom:50px;*/ position:absolute; top:154px;}
.service_top_logo.q_plus {margin-top:-25px;}
.service_top_logo.oasis {margin-top:-8px;}
.service_top_logo.tz_plus {margin-top:-29px;}
.service_top_logo.e_cp {margin-top:-13px;}

.service_top_logo .logo_img {display:inline-block; background-size:contain !important;}

.service_top_logo .logo_img.xarvis {width:255px; height:48px; background:url(../images/sub/logo_XARVIS.svg) center center no-repeat;}
.service_top_logo .logo_img.xarvis_top {background:url(../images/sub/logo_XARVIS_top.svg) center center no-repeat;}

.service_top_logo .logo_img.q_plus {width:168px; height:73px; background:url(../images/sub/logo_quiz_plus.svg) center center no-repeat;}
.service_top_logo .logo_img.q_plus_top {width:168px; height:73px; background:url(../images/sub/logo_quiz_plus_top.svg) center center no-repeat;}

.service_top_logo .logo_img.oasis {width:275px; height:56px; background:url(../images/sub/logo_oasis.png) center center no-repeat;}

.service_top_logo .logo_img.tz_plus {width:296px; height:77px; background:url(../images/sub/logo_thezooom_plus.svg) center center no-repeat;}

.service_top_logo .logo_img.e_cp {width:330px; height:61px; background:url(../images/sub/logo_e_coupon.svg) center center no-repeat;}
.service_top_logo .logo_img.e_cp_top {width:330px; height:61px; background:url(../images/sub/logo_e_coupon_top.svg) center center no-repeat;}

.service_top_logo .logo_text {font-size:2rem; color:#fff; line-height:34px; margin:30px 0 30px 0;}

.service_top_logo .logo_btn {position:relative; z-index:1; display:inline-block; font-size:2rem; width:350px; height:60px; line-height:60px; box-sizing:border-box; border-radius:5px;}
.service_top_logo .logo_btn {background:#4EB8CD; color:#fff; font-weight:500; border-radius:5px;}
.service_top_logo .logo_btn:hover {background:#6f6f6f; color:#fff; transition:all 0.3s ease;}

.service_top_logo .logo_btn::after {position:absolute; content:""; width:0; height:100%; top:0; right:0; z-index:-1; background-color:#6f6f6f; border-radius:5px; transition:all 0.3s ease;}
.service_top_logo .logo_btn:hover::after {left:0; width:100%;}

@media (max-width: 575.98px) {
    .service_top_logo .logo_text {font-size:2rem;}
	.service_top_logo .logo_text br {display:none;}
}

/* service service_info_box */

.service_info_box {width:100%; padding:50px 50px 50px 50px; box-sizing:border-box; background:#F4F6F7;}
.service_info_box.box_graph {padding:50px 50px 40px 50px;}

.service_info_box .info_summury {text-align:center; font-size:1.8rem; line-height:32px; margin-bottom:30px;}

.service_info_box .info_summury .info_logo {display:inline-block; margin-right:5px; background-size:contain !important;}

.service_info_box .info_summury .info_logo.xarvis {width:82px; height:15px; transform:translateY(1px);}
.service_info_box .info_summury .info_logo.xarvis {background:url(../images/sub/logo_XARVIS.svg) center center no-repeat;}

.brand_logo_img {margin-top:50px;}
.brand_logo_img > img {max-width:100%;}

.service_info_box2 {width:100%; padding:50px 50px 50px 50px; box-sizing:border-box; background:#F4F6F7; margin-top:-200px;top:0; box-shadow: 0px 0px 20px #aaa;}
.service_info_box2.box_graph {padding:50px 50px 40px 50px;}


.service_info_box2 .info_summury .info_logo {display:inline-block; margin-right:5px; background-size:contain !important;}

.service_info_box2 .info_summury .info_logo.xarvis {width:82px; height:15px; transform:translateY(1px);}
.service_info_box2 .info_summury .info_logo.xarvis {background:url(../images/sub/logo_XARVIS.svg) center center no-repeat;}

/* service service_info_box info_graph */

.info_graph > img {max-width:100%; display:block;}
.info_graph_m > img {max-width:100%; display:none;}

.text_scroll {width:100%; background:rgba(255,255,255,0.5); border:1px solid #eee; box-sizing:border-box; padding:20px; text-align:center; margin-bottom:20px;}

.text_scroll > span {position:relative; font-size:1.6rem; color:#999; margin-left:30px;}

.text_scroll > span::before {position:absolute; content:""; display:inline-block; width:20px; height:20px; background-size:contain !important; left:-30px; top:2px;}
.text_scroll > span::before {background:url(../images/sub/sub_com_icon_scroll01.svg) center center no-repeat;}

.text_scroll {display:none;}

.service_progress {width:100%;}

.service_info_box .info_bottom {text-align:center; font-size:1.8rem; line-height:32px; margin-top:30px; padding:25px 25px; box-sizing:border-box; background:#fff;}
.service_info_box2 .info_bottom {text-align:center; font-size:1.8rem; line-height:32px; margin-top:30px; padding:25px 25px; box-sizing:border-box; background:#fff;}

/* service service_goals_box */

.service_goals_box {width:100%; /* padding:50px 50px 50px 50px; */ box-sizing:border-box;
    padding-top: 50px;
}


.service_goals_box .tab_menu {width:100%; /* height:auto; overflow:hidden; */}
 
.tab_menu .menu_wrap {width:100%; text-align:center; margin-bottom:50px; z-index:100;}

.tab_menu .menu_wrap ul {display:inline-block; background:#f4f6f7; border-radius:50px;} 
.tab_menu .menu_wrap ul li {float:left; height:50px; line-height:50px; padding:0 50px 0 50px; border-radius:50px; text-align:center; cursor:pointer;}
 
.tab_menu .menu_wrap ul li:hover,
.tab_menu .menu_wrap ul li.active {background:#040303; color:#fff; border-radius:50px; box-shadow:0px 4px 8px rgba(0,0,0,0.16); transition:all 0.3s ease;}
.tab_menu .menu_wrap ul li.active:hover {background:#040303;}
.tab_menu .menu_wrap ul li:hover {background:#ccc; box-shadow:none;}
 
.tab_menu .conBox {width:100%; /* overflow:hidden; */ background:transparent; display:none;} 
.tab_menu .conBox.active {display:block;}

@media (max-width: 991.98px) {
	.tab_menu .menu_wrap {min-width:376px;}
}

@media (max-width: 767.98px) {
	.tab_menu .menu_wrap {min-width:260px;}
	.tab_menu .menu_wrap ul li {padding:0 20px 0 20px;}
}

/* service goals_inner */

.service_goals_box .goals_inner > ul {
    display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; 
    margin-left:-15px; margin-right:-15px;
}
.service_goals_box .goals_inner > ul > li {/*float:left;*/ width:50%; padding:0 15px; box-sizing:border-box;}
.service_goals_box .goals_inner > ul > li.g_text {

    margin-top: 20px;
}
.service_goals_box .goals_inner > ul > li.g_text .title {font-size:2.6rem; font-weight:700; color:#333; margin-bottom:16px;}
.service_goals_box .goals_inner > ul > li.g_text .title.con_02 {margin-top:40px;}

.service_goals_box .goals_inner > ul > li.g_text .text {font-size:1.8rem; line-height:32px; color:#555;}
.service_goals_box .goals_inner > ul > li.g_text .text > p {margin-bottom:10px; font-size:1.8rem;}
.service_goals_box .goals_inner > ul > li.g_text .text > p:last-child {margin-bottom:0;}

/* service g_image */

.service_goals_box .goals_inner > ul > li.g_image {
    z-index: -1;
    position:relative;}
.service_goals_box .goals_inner > ul > li.g_image .img_box {

    width:100%; height:100%; border-radius:8px; display:block;}
/* .service_goals_box .goals_inner > ul > li.g_image .img_box {
    background:transparent linear-gradient(93deg, #80ded9 0%, #4eb8cd 100%) 0% 0% no-repeat padding-box;} */

.service_goals_box .goals_inner > ul > li.g_image > img {

    width: 600px;
    margin-top:-90px;
}



/* .service_goals_box .goals_inner > ul > li.g_image.tz_plus01 > img {top:-30px;} */

/* .service_goals_box .goals_inner > ul > li.g_image.e_cp01 > img {top:-10px;}
.service_goals_box .goals_inner > ul > li.g_image.e_cp02 > img {top:0;} */

/* service_point */

.service_point {width:100%; padding:50px 50px; box-sizing:border-box; background:#f4f6f7; margin-top:100px;}
    .service_point > dl {

    display:inline-block; width:100%;}
.service_point > dl > dt,
.service_point > dl > dd {float:left; width:25%;
    
}


.service_point.col_03 > dl > dt {width:25%;}
.service_point.col_03 > dl > dd {width:37%;
  
}
.service_point.col_03 > dl > dd:last-child {width:38%;}

.service_point > dl > dt .sub_mid_title {margin-bottom:0;
padding-right: 25px;}

.service_point > dl > dd {position:relative; text-align:center; line-height:26px;
    transform: translateY(8px);

}

.service_point.service_point_oa > dl > dd:nth-of-type(1) {
    padding-right: 25px;
    padding-left: 30px;
 

}
.service_point.service_point_oa > dl > dd:nth-of-type(2) {
   
    /* padding-left: 20px;
    padding-right: 20px; */
}


.service_point.service_point_xv > dl > dd span {

    width: 200px;
}

.service_point.service_point_xv > dl >  dd:nth-of-type(1) {
    padding-right: 40px;
    padding-left: 30px;
}
.service_point.service_point_ty > dl > dd {
    
  
}








.service_point > dl > dd::after {position:absolute; content:""; width:1px; height:23px; top:4px; left:0; background:#ddd;}

.service_point > dl > dd > span {position:relative;  margin-left:50px;
    /* font-size:2rem; */
    font-weight: 48px;

}   




.service_point > dl > dd > span.point::before {position:absolute; content:""; display:inline-block; width:35px; height:35px; background-size:contain !important; left:-50px; top:-2px;}

.service_point > dl > dd > span.p_0101::before {background:url(../images/sub/service_01_xarvis_icon01_01.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0102::before {background:url(../images/sub/service_01_xarvis_icon01_02.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0103::before {background:url(../images/sub/service_01_xarvis_icon01_03.svg) center center no-repeat;}

.service_point > dl > dd > span.p_0301::before {
    background:url(../images/sub/service_03_oasis_icon01_01.svg) center center no-repeat;

}
.service_point > dl > dd > span.p_0302::before {
    background:url(../images/sub/service_03_oasis_icon01_02.svg) center center no-repeat;

}
.service_point > dl > dd > span.p_0303::before {background:url(../images/sub/service_03_oasis_icon01_03.svg) center center no-repeat;}

.service_point > dl > dd > span.p_0401::before {background:url(../images/sub/service_04_tz_plus_icon01_01.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0402::before {background:url(../images/sub/service_04_tz_plus_icon01_02.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0403::before {background:url(../images/sub/service_04_tz_plus_icon01_03.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0404::before {background:url(../images/sub/service_04_tz_plus_icon01_04.svg) center center no-repeat;}
.service_point > dl > dd > span.p_0405::before {background:url(../images/sub/service_04_tz_plus_icon01_05.svg) center center no-repeat;}



.service_point.service_point_oa > dl > dd > span.p_0301::before,
.service_point.service_point_oa > dl > dd > span.p_0302::before,
.service_point.service_point_oa > dl > dd > span.p_0303::before {
    transform: translateY(-3px);
}

.service_point.service_point_xv > dl > dd > span.p_0101::before,
.service_point.service_point_xv > dl > dd > span.p_0102::before,
.service_point.service_point_xv > dl > dd > span.p_0103::before {
    transform: translateY(-3px);
}

.service_point.service_point_ty > dl > dd > span.p_0401::before,
.service_point.service_point_ty > dl > dd > span.p_0402::before,
.service_point.service_point_ty > dl > dd > span.p_0403::before,
.service_point.service_point_ty > dl > dd > span.p_0404::before,
.service_point.service_point_ty > dl > dd > span.p_0405::before {
    transform: translateY(-3px);

}



@media (max-width: 1459.98px) {
    .service_point.service_point_ty > dl > dd {

        transform: translateY(30px);
    }
}





@media (max-width: 1199.98px) {	
    .sub_wrap .sub_con.divider {/*margin-bottom:60px;*/}

    .sub_wrap .sub_con.bg_gray_ff {padding:60px 0;}
    .sub_wrap .sub_con.bg_gray_f9 {padding:60px 0;}
    .sub_wrap .sub_con.bg_gray_f4 {padding:60px 0;}

    .service_goals_box .goals_inner > ul {
        display: flex;
        flex-direction: column;
 
    }

    .service_goals_box .goals_inner > ul:after {
        content: '';
        display: block;
        clear: both;
    }

	.service_goals_box .goals_inner > ul > li {
        width:100%; clear:both; text-align:center;
    }

    .service_goals_box .goals_inner > ul > li.g_image {
        text-align:center; margin-top:0;
       
    }
    .service_goals_box .goals_inner > ul > li.g_image .img_box {

        width:100%; height:100%; border-radius:8px; display:block;}
    .service_goals_box .goals_inner > ul > li.g_image .img_box {background:transparent linear-gradient(93deg, #80ded9 0%, #4eb8cd 100%) 0% 0% no-repeat padding-box;}
    
    /*.service_goals_box .goals_inner > ul > li.g_image > img {position:absolute; left:0; top:-60px;}*/
    
  





    .service_goals_box .goals_inner > ul > li.g_text .text > p br {display:none;}
    .service_goals_box .goals_inner > ul > li.g_text .text > p {margin-bottom:0;}
    .service_point {
       
    }
	.service_point > dl > dt {width:100%; text-align:center; margin-bottom:30px;}
    .service_point > dl > dd {width:33%;}
    .service_point > dl > dd:nth-child(3) {width:34%;}

    .service_point.col_03 > dl > dt {width:100%; text-align:center; margin-bottom:30px;}
    .service_point.col_03 > dl > dd,
    .service_point.col_03 > dl > dd:nth-child(3),
    .service_point.col_03 > dl > dd:last-child {width:50%;}

    .service_point > dl > dd::after {display:none;}



    .service_point.service_point_ty > dl > dd {
        transform: translateY(10px);

    }

    .service_point.service_point_ty > dl > dd > span.p_0401::before,
.service_point.service_point_ty > dl > dd > span.p_0402::before,
.service_point.service_point_ty > dl > dd > span.p_0403::before,
.service_point.service_point_ty > dl > dd > span.p_0404::before,
.service_point.service_point_ty > dl > dd > span.p_0405::before {
    transform: translateY(-3px);
}





}

@media (max-width: 991.98px) {
    .sub_wrap .sub_con.bg_gray_ff.pdb_0 {padding:60px 0 30px 0;}

    .service_info_box {padding:30px 30px 30px 30px;}
    .service_info_box.box_graph {padding:30px 30px 20px 30px;}

    .service_info_box .info_summury br,
    .service_info_box .info_bottom br {display:none;}

    .service_point {padding:30px 30px;}

	.service_point > dl > dd,
    .service_point > dl > dd:nth-child(3),
    .service_point.col_03 > dl > dd:last-child {width:100%;}

    .service_point.col_03 > dl > dd {width:100%;}

    .service_point > dl > dd {margin-bottom:10px;}
    .service_point > dl > dd:last-child {margin-bottom:0;}

    .service_point > dl > dd > span {
        margin-left:0; display:inline-block; 
        width:30%; background:#F4F6F7; 

        border-radius:5px; font-size:1.8rem; padding:10px 10px 10px 10px; box-sizing:border-box;}
    .service_point > dl > dd > span.point::before {
        /* display:none; */

    }  

    .service_point.service_point_oa > dl > dd > span {
        width: 200px;
    }

    .service_point.service_point_xv > dl > dd > span {
        width: 220px;
   
    }


    .service_point.service_point_oa > dl > dd > span.p_0301::before,
    .service_point.service_point_oa > dl > dd > span.p_0302::before,
    .service_point.service_point_oa > dl > dd > span.p_0303::before {
        transform: translate(10px,7px);
    }
    .service_point.service_point_xv > dl > dd > span.p_0101::before,
    .service_point.service_point_xv > dl > dd > span.p_0102::before,
    .service_point.service_point_xv > dl > dd > span.p_0103::before {
        transform: translate(10px,7px);
    }

   
    .service_point.service_point_ty > dl > dd > span.p_0401::before,
    .service_point.service_point_ty > dl > dd > span.p_0402::before,
    .service_point.service_point_ty > dl > dd > span.p_0403::before,
    .service_point.service_point_ty > dl > dd > span.p_0404::before,
.service_point.service_point_ty > dl > dd > span.p_0405::before {
        transform: translate(10px,5px);
    }


    .service_point.service_point_xv > dl > dd > span.p_0101::before {
        transform: translateX(5px,7px);
    }

    .service_point.service_point_xv > dl > dd:nth-of-type(1) {
        padding: 0;
    }







    }

@media (max-width: 767.98px) { 
    .sub_wrap .sub_con.divider {margin-bottom:30px;}

    .sub_wrap .sub_con.bg_gray_ff.pdb_0 {padding:60px 0 0 0;}

    .sub_wrap .sub_con.bg_gray_f9 {padding:60px 0 30px 0;}
    .sub_wrap .sub_con.bg_gray_f4 {padding:60px 0 30px 0;}

    .text_scroll {display:block;}

    /* .info_graph {overflow-x: scroll;} 
    .info_graph > img {max-width:1110px;} */

    .service_info_box.box_graph {padding:0;background:none
    }
    

    .info_graph > img {display:none;}
    .info_graph_m > img {display:block;}
}

/* contact */

.contact_info_box {width:100%; padding:50px 50px 50px 50px; box-sizing:border-box; background:#F4F6F7;}
.contact_info_box.box_01 {margin-bottom:30px;}
.contact_info_box.box_02 {margin-bottom:60px;}

.contact_info_box .info_title {font-size:2rem; color:#040303; margin-bottom:25px;}

.contact_info_box .info_list {width:100%;}
.contact_info_box .info_list > dl {display:inline-block; width:100%; border-top:1px solid #040303;}

.contact_info_box .info_list > dl > dt,
.contact_info_box .info_list > dl > dd {float:left; padding:25px 0 25px 0; box-sizing:border-box; border-bottom:1px solid #ddd;}

.contact_info_box .info_list > dl > dt {width:30%; color:#555;}
.contact_info_box .info_list > dl > dd {width:35%; color:#333; font-weight:500;}

.contact_info_box .info_list > dl > dd > a {position:relative; color:#333; display:inline-block; margin-left:30px;}
.contact_info_box .info_list > dl > dd > a:hover {color:#2EA2B8; transition:all 0.25s ease;}

.contact_info_box .info_list > dl > dd > a::before {position:absolute; content:""; display:inline-block; width:20px; height:20px; background-size:contain !important; left:-30px; top:0px;}

.contact_info_box .info_list > dl > dd > a.call::before {background:url(../images/sub/contact_icon_call01.svg) center center no-repeat;}
.contact_info_box .info_list > dl > dd > a.mail::before {background:url(../images/sub/contact_icon_mail01.svg) center center no-repeat;}

.contact_map_box {width:100%;}

.contact_map_box .map_title {position:relative; font-size:2rem; color:#040303; margin-bottom:25px; margin-left:36px;}

.contact_map_box .map_title::before {position:absolute; content:""; display:inline-block; width:24px; height:32px; background-size:contain !important; left:-36px; bottom:0px;}

.contact_map_box .map_title::before {background:url(../images/sub/contact_icon_map01.svg) center center no-repeat;}

.contact_map_box .map_address {margin:50px 0;}
.contact_map_box .map_address > p {font-size:2rem; margin-bottom:20px; color:#333;}
.contact_map_box .map_address > p > strong {color:#040303; font-family: 'Montserrat', sans-serif;}

.map_address li{display:inline; width:50%; float:left; font-size:2rem; margin-bottom:20px; color:#333;}
.map_address:after{clear:both; content:""; display:block;}
.contact_map_box .map_address  li span{color:#aaa; font-weight:100; padding:0 10px; }

.contact_map_box .map_text {font-size:2rem; color:#6F6F6F; font-weight:400; line-height:30px; margin-top:50px;}

.call_mo{display:none;}

/* privacy */

.privacy_text_box {width:100%; padding:20px; box-sizing:border-box; font-size:1.6rem; color:#555; line-height:28px;}

.privacy_text_box .p_title {font-size:2rem; color:#040303; margin-bottom:25px;}

.privacy_text_box .p_text > p {margin-bottom:20px;}
.privacy_text_box .p_text > p:last-child {margin-bottom:0;}

/* sub_com_ban */




.sub_com_ban {width:100%; border-radius:8px; background: transparent linear-gradient(93deg, #4EB8CD 0%, #5D79D5 100%) 0% 0% no-repeat padding-box; margin-top:50px;}
.sub_com_ban > ul {display:inline-block; width:100%;}
.sub_com_ban > ul > li {position:relative; float:left; padding:40px 40px 40px 40px; box-sizing:border-box; color:#fff;}

.sub_com_ban > ul > li.ban_title {width:50%; font-size:2.6rem; font-weight:500; line-height:60px;}
.sub_com_ban > ul > li.ban_btn {width:50%;}

.sub_com_ban > ul > li.ban_btn > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
/* .sub_com_ban > ul > li.ban_btn > dl > dd {float:left; width:50%; padding:0 10px; box-sizing:border-box; text-align:center;} 회사소개서 다운로드 주석처리 2023.03.10 */
.sub_com_ban > ul > li.ban_btn > dl > dd {float:left; width:100%; padding:0 10px; box-sizing:border-box; text-align:center;}

.sub_com_ban > ul > li.ban_btn > dl > dd > a {display:block; color:#fff;}

.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline {font-size:1.8rem; border:1px solid #fff; height:60px; line-height:60px; box-sizing:border-box; border-radius:5px;}

.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline {position:relative; z-index:1;}
.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline {background:transparent; color:#fff; font-weight:500; border-radius:5px;}
.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline:hover {background:#fff; color:#040303; transition:all 0.3s ease;}

.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline::after {position:absolute; content:""; width:0; height:100%; top:0; right:0; z-index:-1; background-color:#fff; border-radius:5px; transition:all 0.3s ease;}
.sub_com_ban > ul > li.ban_btn > dl > dd .btn_outline:hover::after {left:0; width:100%;}








@media (max-width: 1199.98px) {	
    .call_mo{display:block;}
    .call_pc{display:none;}
    .sub_slogan{margin-top:-70px;}

	.sub_com_ban > ul > li.ban_title,
    .sub_com_ban > ul > li.ban_btn {width:100%;}

	.sub_com_ban > ul > li.ban_title,
    .sub_com_ban > ul > li.ban_btn {padding:20px 20px 20px 20px; text-align:center;}
    .sub_com_ban > ul > li.ban_btn {padding-top:0;}

    .sub_com_ban {margin-top:30px;}
    .contact_map_box .map_text {margin-top:30px;}

    .service_goals_box .goals_inner > ul > li.g_image > img {

        width: 600px;
        margin-top:70px;
    }



}

@media (max-width: 991.98px) {
	.contact_info_box .info_list > dl > dt {width:100%;}
    .contact_info_box .info_list > dl > dd {width:50%;}
}

@media (max-width: 767.98px) {
    
	.contact_info_box .info_list > dl > dd {width:100%;}

    .sub_com_ban > ul > li.ban_title {font-size:2.2rem; line-height:30px;}
}

@media (max-width: 575.98px) {
    .sub_com_ban > ul > li.ban_btn > dl > dd {width:100%;}
    .sub_com_ban > ul > li.ban_btn > dl > dd:first-child {margin-bottom:10px;}
}


/* Accordion example styles */

/* All accordions have borders… */
.wf-accordion {
    border-top: 1px solid #040303;
    border-bottom: 1px solid #ddd;
}

/* …unless they directly succeed another accordion, in which case we reset the top-border
    to avoid duplicate white space */
.wf-accordion + .wf-accordion {
    border-top-width: 0;
}

.wf-accordion__header {
    color: #333;
    background:#fff;
}

/* Please note: The trigger element is a <button> create via JS. To achieve consistent aesthetics,
    the native button styles have to be resetted here */
.wf-accordion__trigger {
    /* baseline resets */
    background: transparent;
    border-width: 0;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    /* end of baseline resets */

    /* additional styles for the demo */
    display: block;
    font-family: 'Montserrat', sans-serif;
    padding: 20px 20px 20px 20px;
    position: relative;
    width: 100%;
}

.wf-accordion__trigger::after {
    content: '';
    border: solid #040303;
    border-width: 0 2px 2px 0;
    height: 0.5em;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 0.5em;
}

.wf-accordion__trigger[aria-disabled=true] {
    cursor: not-allowed;
    opacity: 0.5;
}

.wf-accordion__trigger[aria-expanded=true]::after {
        transform: translateY(-30%) rotate(-135deg);
}

.wf-accordion__trigger:hover,
.wf-accordion__trigger:focus {
    background: #fff;
    color: #040303;
    outline: none;;
}

.wf-accordion__trigger:hover::after,
.wf-accordion__trigger:focus::after {
        border-color: #040303;
}

.wf-accordion__panel {
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 50px 50px;
}

.wf-accordion__panel[aria-hidden=true] {
    display: none;
}

@media (max-width: 991.98px) {
	.wf-accordion__panel {
        padding: 35px 35px;
    }
}

@media (max-width: 575.98px) {
	.wf-accordion__panel {
        padding: 25px 25px;
    }
}







@media  (max-width: 767px) {


    .sub_wrap {width:100%; padding:150px 0 50px 0;

    }

    .sub_modi_Wrap {width:100%; padding:0 0 10% 0;
        /* border: 1px solid #000; */
    }


    .top_bg {
        margin-top:40px;
    }



    .container {padding:0 20px!important;}


    .service_info_box2 {

        padding:50px 25px!important;
    }


 



    .service_point_xv {

        padding:30px 30px;}

    .service_point_xv > dl,
    .service_point_oa > dl,
    .service_point_ty > dl {
        width: 100%;
    }


	/* .service_point_xv > dl > dd {border:1px solid #000;width:100%;} */
   

    .service_point_xv > dl > dd,
    .service_point_oa > dl > dd,
    .service_point_ty > dl > dd {
        width: 100%;
        margin-bottom:10px;


    }

    .service_point_oa > dl > dd {

        padding-left: 15px;
    }

    .service_point_xv > dl > dd:last-child {margin-bottom:0;}


    .service_point_xv > dl > dd > .point,
    .service_point_oa > dl > dd > .point,
    .service_point_ty > dl > dd > .point {
        display: inline-block;
        width: 50%;
        margin-left: 40px;
    }
    .service_point_oa > dl > dd > .point {

        width: 65%;
        
    }

    .service_point_xv > dl > dd > span.point::before,
    .service_point_oa > dl > dd > span.point::before,
    .service_point_ty > dl > dd > span.point::before {

        transform: translateY(5px);

    }
 
 
    
       


 
}



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

    .sub_header {
        height: auto;
        position: fixed;
        z-index: 1000;
    }
    .sub_mainImg {
        background:url(../images/sub/sub_bg.jpg) #000 top center; 
        height:720px;
    }
    
    .ta_hidden {
        display: none;
    }
    
    /* 서비스영역 index */
    
    
    .header_sub {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100px;
        z-index: 1000;
    }
    
    .header_line {
        top: 100px;
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #575d6c;
        z-index: 100;
    }
    
    
    .header_sub .header_inner {
        position:relative; 
        width: 100%;
        height:100px; 
        margin:0 auto;
        padding: 0 40px;
        z-index: 100;

    }
    .header_sub .header_inner > h1 {
        display:flex;
    
    }
    
    .header_sub .header_inner > h1 .logo_header {
        position:absolute; 
        margin:auto; 
        top:0; 
        bottom:0; 
        transform: translateY(5px);
        display:flex; 
        /* width: 300px;
        height: 70px; */
        width:190px; 
        height:31px; 
    }
    
    .header_sub .header_inner .nav {
        position:absolute; 
        margin:auto; 
        top:0; 
        bottom:0; 
        right:80px; 
        height:100px;
    }
    .header_sub .header_inner .nav > ul {
        display:flex;
    }
    .header_sub .header_inner .nav > ul > li {
        position:relative; 
        float:left; 
        margin-left:40px;   
    
    }
    .header_sub .header_inner .nav > ul > li .nav_link {
        position:relative;
        z-index:1; 
        color:#fff; 
        display:block; 
        height:100px; 
        line-height:100px; 
        font-family: 'Noto sans KR', sans-serif;
        font-size: 20px;
    
    }
    
    .header_sub .header_inner .nav > ul > li .nav_link::before {
        position:absolute; 
        content:""; 
        bottom:-1px; 
        left:0; 
        height:3px; 
        width:0; 
        background:#4EB8CD; 
        transition:all 0.3s ease;
    }
    .header_sub .header_inner .nav > ul > li .nav_link:hover::before,
    .header_sub .header_inner .nav > ul > li .nav_link.active::before,
    .header_sub .header_inner .nav > ul > li:hover .nav_link::before {
        left:0;
        width:100%;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu {
        position:absolute; 
        left:50%; 
        top:100px; 
        transform:translateX(-50%); 
        display:none;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu {
        width:220px; 
        font-size:1.6rem;
    }
    .header_sub .header_inner .nav > ul > li:hover .drop_menu {
        display:block; 
        transition:all 0.25s ease;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu > ul {
        display:inline-block; 
        padding:5px 0; 
        background:#fff; 
        border:1px solid #eee; 
        border-radius:5px; 
        box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    }
    .header_sub .header_inner .nav > ul > li .drop_menu > ul > li {
        float:left; 
        width:100%;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a {
        font-family: 'Noto sans KR', sans-serif;
        display:block; 
        color:#333; 
        padding:15px 15px; 
        font-weight:400;
        font-size: 20px;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a:hover {
        background:#F4F6F7; 
        color:#0E8BA2; 
        transition:all 0.25s ease;
    }
    .header_sub .header_inner .nav > ul > li .drop_menu > ul > li > a:hover {
        background:#F4F6F7; 
        color:#0E8BA2; 
        transition:all 0.25s ease;
    }
    


    
    
    .mainImg_serv {
        /* position: absolute; */
        width: 100%;
        height: 1000px;
        top: 0;
        left: 0;
      }
    
    
    .mainImg_serv .changeimg_serv {
        width: 100%;
        height: 100%;
         background: url(../images/sub_main.png) no-repeat top center;
         position: relative;
    }
    
    .mainImg_serv .changeimg_serv > div {
        position: absolute;
        top: 55%;
        left: 50%;
        width: 90%;
        transform: translate(-50%,-50%);
        text-align: center;
    }
    .mainImg_serv .changeimg_serv > div > h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        color: #fff;
        font-size: 58px; 
    }
    .mainImg_serv .changeimg_serv > div > p {
        color: #fff;
        font-size: 24px;
        margin-top: 20px;
    }
    .mainImg_serv .changeimg_serv > div > img {
        width: 100%;
    }
    
    .sub_section {
        margin-top: 100px;
    }
    
    /*.seco_fir.seco_fir_sub {
        height: 1200px;
    
    }*/
    
    .seco_fir_inner_sub {
        width: 1200px;
        max-width: 1200px;
    
    }
    .seco_fir_inner_sub > div.container {
        display: grid;
        grid-gap: 18px;
        grid-template-columns: 1fr 1fr 1fr;
        /*height: 970px;*/
        /* grid-template-columns: 390px 390px 390px; 
        grid-template-rows: 475px 475px; */
      }
    
      .seco_fir_inner_sub > div.container > div {
    
        /* min-height: 475px; */
      }


      .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: url(../images/serv_img02.png) no-repeat center center;
      }

      .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: url(../images/serv_img04.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: url(../images/serv_img05.png) no-repeat center center;
      }


      /*
      .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: url(../images/serv_img01.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: url(../images/serv_img02.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: url(../images/serv_img03.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(4) {
        background: url(../images/serv_img04.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(5) {
        background: url(../images/serv_img05.png) no-repeat center center;
      }
      .seco_fir_inner_sub > div.container > div:nth-child(6) {
        background: url(../images/serv_img06.png) no-repeat center center;
      }
      */
    
      .seco_fir_inner_sub > div.container > div > div {
        display: flex;
        flex-direction: column;
        padding: 40px;
   
      }
      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(1) {
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        color: rgba(0, 0, 0,0.5);
        font-size: 14px;
        text-align: left;
      }
      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(2) {
        font-family: 'Noto sans KR', sans-serif;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        margin-top: 10px;
        word-break: keep-all;
      }
   

      .seco_fir_inner_sub > div.container > div > div > img {
        margin-top: 20px;
        min-width: 140px;
        width: 30%;
      }


      .seco_fir_inner_sub > div.container > div > div > img.pc_logo_zoom {
        min-width: 120px;
        width: 30%;
      }
      .seco_fir_inner_sub > div.container > div > div > img.pc_logo_ecu {
        min-width: 120px;
        width: 30%;
      }
      .seco_fir_inner_sub > div.container > div > div > img.pc_logo_mu {
        min-width: 120px;
        width: 30%;
      }





}






@media (min-width:768px) and (max-width:1023.33px) { 


    .seco_fir_inner_sub .container span {
        display: block;
        width: 100px;
        font-size:12px; 
        border-radius:20px; 
        margin: 10px auto 0;
        padding:4px 0; 
        color: #333;
        text-align: center;
        border:solid 1px #333;
    }



    .mgt-16{margin-top:-16px;}
    .mainImg_serv {
        width: 100%;
        height: 1100px;
        position: relative;
    }
    .pc_hidden_dia, .mo_hidden_dia {
        display: none;
    }
    .ta_hidden_dia {
        display: block;
    }

    .pc_logo {
        display: none;
    }
    .ta_logo {
        display: block;
    }


    .sub_section {
        margin-top: 50px;
    }
    


    /* .toggle_menu_wrap {
    	position:absolute;
    	top:18px;
    	right:18px;
    }
    .toggle_menu_btn {
        border: 2px solid #aaa;
    } */


    .seco_fir.seco_fir_sub {
        padding: 50px 20px 0;
    }


    .mainImg_serv .changeimg_serv {
        width: 100%;
        height: 100%;
        background: url(../images/mainimg_tablet.png) no-repeat bottom center;
        position: absolute;
    }


    .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: url(../images/serv_ta_img02.png) no-repeat center center;
    }

    .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: url(../images/serv_ta_img04.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: url(../images/serv_ta_img05.png) no-repeat center center;
    }

 
    /*
    .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: url(../images/serv_ta_img01.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: url(../images/serv_ta_img02.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: url(../images/serv_ta_img03.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(4) {
        background: url(../images/serv_ta_img04.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(5) {
        background: url(../images/serv_ta_img05.png) no-repeat center center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(6) {
        background: url(../images/serv_ta_img06.png) no-repeat center center;
    }
    */

    .mainImg_serv .changeimg_serv > div {
        position: relative;
        width: 90%;
        height: 60%;
        text-align: center;
        padding: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: auto;

    }


    .mainImg_serv .changeimg_serv > div > h1 {  
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        color: #fff;
        font-size: 72px;

    }

    .mainImg_serv .changeimg_serv > div > p {
        color: #fff;
        font-size: 32px;
        margin-top: 20px;
    }

    .mainImg_serv .changeimg_serv > div > img.ta_hidden_dia {
        margin-top: 30px;
        width: 100%;
    }

    .mainImg_serv .changeimg_serv > div > .ta_hidden_text {
        width: 100%;
        text-align: left;
        padding-bottom: 40px;
        margin-top: 40px;

    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text li {
        margin-top:40px;
        text-align: center;

  
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text li:first-child {
        margin-top: 0;
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text h2 {
        font-size: 20px;
        font-family: 'Noto sans KR', sans-serif;
        font-weight: bold;

        color: #fff;
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text p {
        font-size: 14px;
        font-family: 'Noto sans KR', sans-serif;
        color: #fff;
        font-weight: 400;
        word-break: keep-all;
        margin-top: 10px;

    }


    .seco_fir.seco_fir_sub {
        height: auto;
    }
    .seco_fir_inner_sub {
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .seco_fir_inner_sub > div.container {
        /*height: 1400px;*/
        display: grid;
        grid-gap: 25px;
        grid-template-columns: 1fr 1fr;
        /* grid-template-rows: 1fr 1fr 1fr; */
        /* grid-template-columns: 390px 390px 390px; 
        grid-template-rows: 475px 475px; */
      }
      .seco_fir_inner_sub > div.container > div > div{
        padding-top:20px;
      }
      .seco_fir_inner_sub > div.container > div {
        padding: 20px;
      }

       .seco_fir_inner_sub > div.container > div {
        padding: 20px;
      }

      .seco_fir_inner_sub > div.container > div > div > img {
        margin: 20px auto 0;
        min-width: 100px;
        width: 20%;
      }


      
      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_mo {
        transform: translateY(-8px);
        min-width: 150px;
        width: 30%;
      }

      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_zoom {
        transform: translateY(-8px);
        min-width: 140px;
        width: 30%;
      }

      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_mu {
        min-width: 115px;
        width: 30%;
      }

      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_ecu {
        min-width: 120px;
        width: 30%;
      }


      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(1) {
        text-align: center;
      }
      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(2) {
        text-align: center;
        font-size: 18px;
        word-break: keep-all;
      }


 





      

      .seco_seco_sub {
        margin-top: 90px;
      }
    

      .header_line {
        top: 60px;
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #575d6c;
        z-index: 100;
    }
    .header_sub {
        height: auto;
    }
    
    .header_sub .header_inner {
        position:relative; 
        width: 100%;
        height:60px; 
        margin:0 auto;
        padding: 0 40px;
        z-index: 100;

    }
    .header_sub .header_inner > h1 {
        display:flex;
    }
    
    .header_sub .header_inner > h1 .logo_header {
        position:absolute; 
        margin:auto; 
        top:0; 
        bottom:0; 
        transform: translateY(5px);
        display:flex; 
        /* width: 300px;
        height: 70px; */

        width:178px; 
        height:19px; 
    }


    
    .header_sub .header_inner .nav {
        position: absolute;
        padding-right: 40px;
        height: 100%;
        display: none;
    }

     .service_info_box2 {margin-top:-360px;}
     .sub_wrap .sub_con .sub_title{top:30px;}
     .service_top_logo {width:100%; text-align:center; /*top-bottom:50px;*/ position:absolute; top:90px;}
     .service_top_logo .logo_img.xarvis {width:200px;}
    .service_top_logo .logo_img.q_plus {width:130px;}
    .service_top_logo .logo_img.oasis {width:200px;}
    .service_top_logo .logo_img.tz_plus {width:200px;}
    .service_top_logo .logo_img.e_cp {width:260px;}
    .service_top_logo .logo_text{margin:10px 0;}
    .info_summury{text-align:center; margin-bottom:30px;}

}



@media (max-width:767.33px) { 



    .seco_fir_inner_sub .container span {
        display: block;
        width: 100px;
        font-size:12px; 
        border-radius:20px; 
        margin: 10px auto 0;
        padding:4px 0; 
        color: #333;
        text-align: center;
        border:solid 1px #333;
      }


    .mainImg_serv {
        width: 100%;
        height: 1000px;
        position: relative;
    }
    .pc_hidden_dia, .ta_hidden_dia {
        display: none;
    }
    .mo_hidden_dia {
        display: block;
    }
    .ta_hidden_text {
        display: block;
    }

    .pc_visual {
        display: none;
    }
    .header_sub {
        height: auto;
    }
  
    


    .sub_section {
        margin-top: -10px;
    }
    
    .pc_logo {
        display: none;
    }
    .ta_logo {
        display: block;
    }

    .map_address li {
        width: 100%;
        font-size: 18px;
    }
    .map_address li:last-child {
        margin-bottom: 50px;
    }
   

    .contact_map_box .map_address {
        margin: 50px 0;

    }


    .nav2.pagination-bullets.swiper-pagination-horizontal {
        margin-top: 20px;

    }

   

    .nav2.swiper-pagination-bullets {
        width: 9px;
        height: 9px;
        display: inline-block;
        border-radius: 100%;
        background-color: #fff;
        opacity: 1;

        z-index: 1000000;
      }


    .nav2.swiper-pagination-bullet {
        position: absolute;
        width: 10px;

        opacity: 1;
        height: 20px;
    }

  
    .nav2.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

        height: 20px;

        width: 10px;
    }

  



    /* .toggle_menu_wrap {
    	position:absolute;
    	top:18px;
    	right:18px;
    }
    .toggle_menu_btn {
        border: 2px solid #aaa;
    } */





    .mainImg_serv .changeimg_serv {
        width: 100%;
        height: 100%;
        background: url(../images/mainimg_tablet.png) no-repeat bottom center;
        position: absolute;
    }
    

    .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: #a1e7f3  url(../images/serv_img02_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: #b7ebbc url(../images/serv_img04_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: #b7ebbc url(../images/serv_img05_mo.png) no-repeat bottom center;
    }
 
    /*
    .seco_fir_inner_sub > div.container > div:nth-child(1) {
        background: #a1e7f3 url(../images/serv_img01_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(2) {
        background: #a1e7f3  url(../images/serv_img02_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(3) {
        background: #a1e7f3  url(../images/serv_img03_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(4) {
        background: #b7ebbc url(../images/serv_img04_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(5) {
        background: #b7ebbc url(../images/serv_img05_mo.png) no-repeat bottom center;
    }
    .seco_fir_inner_sub > div.container > div:nth-child(6) {
        background: #f3d2af url(../images/serv_img06_mo.png) no-repeat bottom center;
    }
*/
    .mainImg_serv .changeimg_serv > div {
        position: relative;
        width: 100%;
        height: 80%;
        text-align: center;
        padding: 0 40px;
        top: 13%;
        left: 0;
        transform: translate(0);
     

    }


    .mainImg_serv .changeimg_serv > div > h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        color: #fff;
        font-size: 48px;


    }

    .mainImg_serv .changeimg_serv > div > p {
        color: #fff;
        font-size: 24px;
        margin-top: 20px;
        word-break: keep-all;


    }

   

  
    .mainImg_serv .changeimg_serv > div > img.mo_hidden_dia {
        min-width: 280px;
        width: 60%;
        margin: 0 auto;
   

    }

    .mainImg_serv .changeimg_serv > div > .ta_hidden_text {
        width: 100%;
        text-align: left;
        padding-bottom: 40px;
        margin-top: 50px;


    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text li {
        margin-top: 40px;
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text li:first-child {
        margin-top: 0;
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text h2 {
        font-size: 20px;
        font-family: 'Noto sans KR', sans-serif;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    .mainImg_serv .changeimg_serv > div > .ta_hidden_text p {
        font-size: 14px;
        font-family: 'Noto sans KR', sans-serif;
        color: #fff;
        font-weight: 400;
        text-align: center;
        word-break: keep-all;
        margin-top: 10px;

    }

    .seco_fir.seco_fir_sub {
        padding: 50px 0 0;
        height: auto;
        margin-bottom: 100px;
    }
   
    .seco_fir_inner_sub {
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .seco_fir_inner_sub > div.container {
        /*height: 2700px;*/
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr;
   
        /* grid-template-rows: 1fr 1fr 1fr; */
        /* grid-template-columns: 390px 390px 390px;  */

      }
    
      .seco_fir_inner_sub > div.container > div {
        padding: 20px;
      }


      .seco_fir_inner_sub > div.container > div > div {
        display: flex;
        flex-direction: column;
        padding: 26px 40px 40px 40px;
      } 



      .seco_fir_inner_sub > div.container > div > div > img {
        margin: 20px auto 0;
        min-width: 100px;
        width: 20%;
 
      }

      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_mo {
        min-width: 154px;
        width: 30%;
        transform: translateY(-8px);
      }
      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_zoom {
        min-width: 135px;
        width: 30%;
        transform: translateY(-8px);
      }
      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_ecu {
        min-width: 135px;
        width: 30%;
      }
      .seco_fir_inner_sub > div.container > div > div > img.ta_logo_mu {
        min-width: 115px;
        width: 30%;
      }

      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(1) {
        text-align: center;

      }
      .seco_fir_inner_sub > div.container > div > div > p:nth-of-type(2) {
        text-align: center;
        font-size: 20px;
        word-break: keep-all;

      }


    .mo_visual {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 450px;
        height: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
        margin-top: 40px;
    }

    .mo_visual .swiper-wrapper {
        display: flex;
        width: 100%;
        height: 100%;
    }
      
    .mo_visual .swiper-wrapper > div {
        width: 100%;
        height: 100%;   
        padding-bottom: 30px;
        position: relative;
    } 

    .mo_visual .swiper-wrapper > div > img {
        width: 80%;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        text-align: center;
        position: absolute;
        z-index: 1000;
      
      }
      








     .seco_seco.seco_seco_sub {
        margin-top: -50px;
      }
    

      .header_line {
        top: 60px;
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #575d6c;
        z-index: 100;
    }

    
    .header_sub .header_inner {
        position:relative; 
        width: 100%;
        height:60px; 
        margin:0 auto;
        padding: 0 40px;
        z-index: 100;

    }
    .header_sub .header_inner > h1 {
        display:flex;
    }
    
    .header_sub .header_inner > h1 .logo_header {
        position:absolute; 
        margin:auto; 
        top:0; 
        bottom:0; 
        transform: translateY(5px);
        display:flex; 
        /* width: 300px;
        height: 70px; */

        width:178px; 
        height:19px; 
    }


    
    .header_sub .header_inner .nav {
        position: absolute;
        padding-right: 40px;
        height: 100%;
        display: none;
    }


    .h3_block {
        font-size:2.8rem; font-weight:700; color:#040303;text-align:center;margin-bottom:30px;
        margin-top: 5px;
    }

    .service_goals_box {
        padding-top: 20px;
    }



    .privacy_fin table.table02 {
        /* width:100%; */
        width: auto;
         min-width:280px;
          border:solid 1px #ccc;  
          border-right:none; margin-top:20px;
        }
        .privacy_fin td {
            font-size: 13px;
            padding: 5px;
        }
        .privacy_fin th {
            font-size: 12px;
            padding:5px;
        }

}




@media (max-width: 767.98px) {
	.service_detail .detail_list .d_inner .d_btn_wrap .btn_view_detail {transform:translateX(0); width:100%;}
    .sub_wrap .sub_con .sub_title{top:70px; font-size:16px;}
    .service_top_logo{top:110px;}
    .service_top_logo .logo_img.xarvis {width:100%; height:34px;}
    .service_top_logo .logo_img.q_plus {width:100%; height:40px;}
    .service_top_logo .logo_img.oasis {width:100%; height:34px;}
    .service_top_logo .logo_img.tz_plus {width:100%; height:40px;}
    .service_top_logo .logo_img.e_cp {width:100%x; height:34px;}
    .service_top_logo .logo_text {
        font-size:18px; 
        color:#fff; 
        line-height:26px; 
        margin:10px 20px;
       
        max-width:400px; 
        display:inline-block;
    }
    .tab_menu .menu_wrap{margin-bottom:20px;}
    .service_info_box2 .info_summury {text-align:center; font-size:16px; line-height:24px; margin-bottom:30px;}
    .service_goals_box .goals_inner > ul > li.g_text .title {font-size:20px; font-weight:700; color:#333; margin-bottom:10px;}
    .service_goals_box .goals_inner > ul > li.g_text .text > p{font-size:16px; line-height:24px;}
    .mid_info_text .info_title{font-size:18px; line-height:26px; margin-bottom:10px;}
    .mid_info_text .info_detail > p {font-size:16px; line-height:24px;}
    .sub_mid_title{margin-bottom:20px;}
    .mgt80{margin-top:80px;}
    .service_info_box2 {margin-top:-370px;}

    .service_top_logo .logo_btn{
        margin-top:20px;
        width:200px;
        font-size:16px;
        height:48px;
        line-height:48px;
    }

    .pdt100{margin-top:80px;}

    .service_info_box2 .info_bottom{font-size:16px; line-height:24px;}
    .sub_modi_Wrap{padding-bottom:0;}
    .seco_seco{margin-top:-100px}
     .mgt-16{margin-top:0;}




   

    .service_point.service_point_oa > dl > dd > span {
    width: 180px;
    }
    .service_point.service_point_oa > dl > dd > span.p_0301::before,
    .service_point.service_point_oa > dl > dd > span.p_0302::before,
    .service_point.service_point_oa > dl > dd > span.p_0303::before {
        transform: translate(12px,7px);
    
        
    }





    .service_point.service_point_xv > dl > dd > span {
        width:180px;
    }

    .service_point.service_point_xv > dl > dd:nth-of-type(1) {
        padding: 0;
    }
  

    .service_point > dl > dt .sub_mid_title {
        padding-right: 0;}



    .service_point.service_point_ty > dl > dd > span {
     
        width:180px;
    }
    .service_point.service_point_ty > dl > dd > span.p_0401::before,
    .service_point.service_point_ty > dl > dd > span.p_0402::before,
    .service_point.service_point_ty > dl > dd > span.p_0403::before,
    .service_point.service_point_ty > dl > dd > span.p_0404::before,
    .service_point.service_point_ty > dl > dd > span.p_0405::before {
        transform: translate(10px,5px);
    }
    






}











@media (max-width:359.33px) { 

    .mainImg_serv .changeimg_serv > div > img {
        max-width: 150px;
        width: 10%;
        transform: translateX(-20px);
    }

 






}