@media screen and (min-width:1200px){
    .show .move .sub_visual .bg{height: 250px;}
    .show .move .sub_visual .bg img{transform:scale(1.2) rotate(.001deg);}
    /* .show .move #content{margin-top: -40vh;} */

    nav .depth01>li>a{padding: 0 30px!important;}
    nav .depth01>li.now>a{color:#01d3fa;font-weight: 500;}
    nav .depth01>li.now>a:before{background-color: #01d3fa;transform: scaleX(1);}
    nav .depth01>li>a:hover:before, nav .depth01>li.open>a:before, .hover nav .depth01>li.now>a:before{background-color: #0289f2;transform: scaleX(1);}
    nav .depth01>li>a:hover, nav .depth01>li.on>a, nav .depth01>li.open>a, .hover nav .depth01>li.now>a{color:#0289f2;font-weight: 500;}
    
    .move .greeting_box .imgArea span:before{width:0;}

}

@media screen and (max-width:1650px){
    .site_menu .depth01{width: 50vw;}
    .site_menu .imgArea{width: 50vw;}
}

@media screen and (max-width:1500px){
    .wrap{width: 100%;margin: 0;padding: 0 30px;}

    nav .text{width: 240px;}
    nav .depth02{justify-content: center;padding-left: 0;}
    .top_move{right: 15px;bottom: 17px;}
    .more_img img{width: 100%;}

    /*서브*/
    #content{padding-bottom: 80px;}
    .path{right: 30px;}
    .sub_visual .bg .wrap{left: 0;transform: none;}
    .flex_box .textArea .text br{display: none;}

    .tableW td.select_in .b_number01{width: 25%;}
    .tableW td.select_in .b_number02{width: 20%;}
    .tableW td.select_in .b_number03{width: calc(50% - 10px);}
    .tableW td.select_in .email03{width:32%}

    .flex_box .textArea{width: 60%;padding-right: 100px;}
    .flex_box .imgArea{width: 40%;}

    .greeting_box .imgArea{width: 50%;height: 570px;}
    .greeting_box .textArea{width: 50%;padding-left: 40px;}
    .greeting_box .imgArea .bg01 {width: calc(100% - 200px);}
    .greeting_box .imgArea .bg02{top: 180px;}
    .greeting_box .imgArea .bg03{top: 530px;}
}


@media screen and (max-width:1400px){
    .ml40{margin-left: 0 !important;}
    input:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
    nav, .sitemap_area, .nav_bg, nav .depth01>li:before, nav .depth01>li>a:before, nav .depth02>li>a:before{display: none;}

    .utill{position: relative;z-index: 350;}

    nav{position: absolute;right:-200%;top:0;background-color: #fff;height: 100vh;display: block;width: 80%;z-index: 300;margin-right: 0;}
    nav .inner:before, nav .inner:after, nav .depth02:before, nav .depth01>li>a:after{display: none;}
    nav .depth01{display: block;padding-bottom:100px;overflow-y: auto;height: calc(100vh - 100px);position: relative;top: 80px;border-top: 1px solid #e4e4e4;}
    nav .depth01>li{padding: 0;}
    nav .depth01>li>a{line-height: 1.3;padding: 20px 50px!important;color: #343434;max-width: none;text-align: left;}
    nav .inner{position: relative;top: 0;padding: 0;left: auto;/*padding: 10px 0 10px 65px;*/background-color: #f2f2f2;box-shadow: none;}
    nav .open .inner{height: auto;}
    nav .inner .wrap{display: block;width: auto;padding: 0;}
    nav .inner .text{display: none;}
    nav .depth02{display: block;padding:0;width: 100%;}
    nav .depth02>li{margin: 0;width: 100% !important;}
    nav .depth02>li>a{padding: 20px 60px;display: block;border-bottom: 1px solid #e4e4e4;}
    nav .depth02>li:last-child>a{border-bottom: none;}
    nav .depth03{display: none;padding: 10px 0;border-bottom: 1px solid #e4e4e4; margin-top: 0;}
    nav .depth03>li{margin: 0;padding: 0;}
    /* nav .depth03>li:before{left: 65px;top: 17px;} */
    nav .depth03>li>a{padding: 10px 76px;display: block;margin: 0;font-size: 15px;}

    .menu03 .depth02>li{position: relative;}
    .menu03 .depth02>li.more_depth:before{content: '';width: 13px;height: 8px;position: absolute;right: 30px;top:27px;background: url(../images/sub/lnb_arrow.png)center no-repeat;}
    nav .depth01>li.open>a, nav .depth02>li.open>a, nav .depth02>li.now>a{color:#0289f2;font-weight: 500;}
    .menu03 .depth02>li.more_depth.open:before{transform: rotate(180deg);}

    header, header.scroll{background: #fff;border-bottom: 1px solid #ddd;}
    header .logo a{background: url(../images/common/logo_black.png)center no-repeat;}
    header .product_btn{color:#343434;border: 1px solid #343434;}
    header .product_btn:hover{border: 1px solid #0084ff;color:#fff}
    header .site_btn .line{background-color: #343434;}
    header .site_btn:hover .line{background-color:#0084ff;}

    .site_btn.open .line{width: 33px;left: -3px;}
    .site_btn.open .line01{transform: rotate(45deg);top: 15px;}
    .site_btn.open .line02{opacity: 0;}
    .site_btn.open .line03{transform: rotate(-45deg);top: 15px;}

    /*메인*/
    .main_cts .top{padding-top: 130px;}
    .main_cts .top p{font-size: 20px;margin-bottom: 22px;}
    .main_cts .top p strong{font-size: 21px;}
    .main_cts .btm{margin-top: 60px;}
    .main_cts .btm a{padding: 20px 30px 46px;}
    .main_cts .btm a:before{right: 30px;font-size: 24px;}
    .main_cts .btm a:after{right: 30px;bottom: 28px;}
    .main_cts .btm a .title{font-size: 20px;margin-bottom: 14px;}
    .main_cts .btm a .title:before{margin-bottom: 20px;height: 45px;background-size: 46px;}
    .main_cts .btm a .text{font-size: 16px;}

    /*서브*/
    .sub_line span{height: 30px;}
    .sub_visual .bg img{height: 100%;bottom: -70px;}
    /* .sub_visual .bg img, .show .sub_visual .bg img{left: 50%;margin-left: -960px;} */

    .sub_text2 br{display: none;}
    .sub_text {font-size: 25px;margin-bottom: 45px;}
    .quote {padding: 0 35px;}
    .quote:before, .quote:after {width: 25px;height: 19px;}

    .flex_box .textArea .title {font-size: 50px;}   

    .fL.bC .textArea{padding-left: 20px;}

    .greeting_box{margin-bottom: 0;}
    .greeting_box .imgArea {width: 630px;height: 400px;}
    .greeting_box .imgArea .bg01{height: 70%;}
    .greeting_box .imgArea .bg02{width: calc(100% - 200px);height: 70%;bottom: 0;top: auto;background-position: center;}
    .greeting_box .imgArea .bg03{display: none;}
    .greeting_box .textArea{margin-left: 40px;width: calc(100% - 670px);}
    .greeting_box .textArea .name{margin-top: 50px;}

}
@media screen and (max-width:1366px){
    /*서브*/
}

@media screen and (max-width:1200px){
    .mt40{margin-top: 22px !important;}
    .mt80 {margin-top: 40px !important;}
    .mb130 {margin-bottom: 80px !important;}
    .mb100 {margin-bottom: 80px !important;}
    .pt90 {padding-top: 40px !important;}
    .mb80 {margin-bottom: 60px !important;}
    .mb95 {margin-bottom: 40px !important;}
    .mt55 {margin-top: 35px !important;}
    .mt70 {margin-top: 40px !important;}
    .mb20 {margin-bottom: 5px !important;}
    .mb40 {margin-bottom: 20px !important;}

    .black_btn{font-size: 14px;}
    .border_btn{font-size: 14px;padding: 12px 10px;min-width: 131px;height: 46px;}
    .blue_btn{font-size: 14px;padding: 13px 10px;min-width: 131px;height: 46px;}

    #footer{padding: 30px 0;height: auto;}
    #footer>.wrap{align-items: center;}
    address{font-size: 12px;}
    .btm_btn{display: block;}
    .btm_btn a{width: 111px;font-size: 12px;margin-right: 0;height: 28px;line-height: 26px;border-bottom: none;}
    .btm_btn a:last-child{border-bottom: 1px solid #343434;}

    /*서브*/
    #content{min-height: calc(100vh - 480px);}
    .path{display: none;}

    .sub_line {display: none;}

    .sub_text2{font-size: 20px;}
    .titleA{font-size: 22px;margin-bottom: 10px;margin-top: 28px;}
    .titleA button{font-size: 22px;}
    .titleB{font-size: 18px;margin-bottom: 10px;margin-top: 22px;}
    .titleB button{font-size: 18px;}
    .titleC {font-size: 18px;margin-top: 28px;}
    .titleD {font-size: 22px;}
    .titleE {font-size: 31px;margin-bottom: 0px;}
    .textA{font-size: 16px;}
    .point_line{font-size: 25px;}
    .italic, .italic>em {font-size: 18px;}

    .num_list{margin-top: 14px;}

    .sub_visual{height: 210px;}
    .sub_title{margin-top: 40px;margin-bottom: 28px;}
    .sub_title .top{font-size: 46px;}
    .sub_title .btm {font-size: 12px;margin-top: 12px;}
    .sub_title.black .top{color:#000;transition: color .4s;}
    .sub_title.black .btm{color:#000;opacity: 0;transform: translateY(-70px);transition: .2s;}
    .sub_title.fixed{position: relative;top: 35px;margin-top: 0;transform: none;}
    .sub_move{display: none;}
    .move .sub_visual .scroll_line{display: block;opacity: 1;}

    .tableW tr{display: flex;width: 100%;flex-wrap: wrap;}
    .tableW th, .tableW colgroup{display: none;}
    .tableW td{position: relative;width: 100%;padding-left: 200px;height: auto;}
    .tableW td:before{content: attr(data-name);position: absolute;left: 0;top:0;width: 190px;background-color:#eef3f7;height: 100%;margin-right: 10px;display: flex;align-items: center;padding-left: 35px;}
    .tableW td.pill:after{display: block;left: 23px;top: 50%;margin-top: -13px;}
    .tableW td.select_in .b_number02 {width: 22%;}
    .tableW td.select_in .b_number03 {width: calc(50% - 9px);}
    .tableW td.select_in .email03 {width: 32.6%;}

    .bullet_list>li {margin-bottom: 3px;}

    .fL .textArea{padding-left: 20px;}

    .flex_box .textArea {padding-right: 50px;}
    .flex_box .textArea .text{font-size: 16px;margin-bottom: 20px;}
    .flex_box .textArea .title{font-size: 42px;margin-bottom: 30px;line-height: 1.3;}
    .flex_box .textArea .title.small {font-size: 40px;}
    .flex_box .textArea .title01{font-size:38px;margin-bottom: 30px;}
    .flex_box .textArea .title02{font-size: 40px;margin-bottom: 30px;}

    .shadow_flex{margin-top:20px}

    .greeting_box .imgArea {width: 45%;}
    .greeting_box .textArea{width: 55%;padding-left: 30px;margin: 0;}
    .greeting_box .textArea .title{font-size: 23px;}
    .greeting_box .imgArea span:before{display: none;}

    .vision_cts{padding: 50px 0 80px;margin-top: 48px;}
    .blue_bg{padding: 50px 0 80px;margin-top: 48px;}

    .map_area .address{gap: 10px 30px;}
    .map_area .address li span{padding-right:30px;}
    .map_area .address li span:before{right: 15px;}

    .topArea_img{height: 200px;margin-bottom: 30px;}
    .topArea_img .text{padding: 0px 36px 20px;font-size: 18px;}

    .color_box{gap: 15px 30px;}
    .color_box dl dt{font-size: 16px;font-weight: 400;min-height: 50px;}
    .color_box dl dt button{font-size: 16px;line-height: 26px;}
    .color_box dl dd{font-size: 15px;min-height: 120px;}

    .energy_box .color_box{gap: 15px 20px;margin-bottom: 80px;}
    .energy_box .color_box:after{height: 80px;background-size: 160px;}
    .energy_box .btm{min-height: 180px;}
    .energy_box .btm .title{font-size: 20px;}
    .energy_box .btm .title em{font-size: 22px;}
    .energy_box .btm .text{font-size: 18px;}

    .energy_cts{gap: 20px 30px;}

    .link_wrap{gap: 5px 30px;}
    .link_btn{font-size: 16px;}

    .step_box{padding-bottom: 30px;gap: 30px 50px;}
    .step_box li:not(:last-child):after{width: 50px;}
    .step_box li .text{font-size: 16px;}
    .step_box li .tit{font-size: 14px;top: calc(100% + 8px);}

    .color_box02 .pop_ico{font-size: 16px;}
    .color_box02 dl{flex-direction: column;}
    .color_box02 dl dt{width: 100%;}
    .color_box02 dl dd{border: 1px solid #e2e2e2;border-top: 0;height: 100%;}
    .color_box02 .pop_ico br{display: none;}
    .color_box02 .pop_ico:after{display: inline-block;margin: 0;margin-left: 8px;}

    .evlt_pop .pop_inner .evlt_pop03 img{max-width: 100%;}
    .evlt_pop .pop_inner .evlt_pop03 p{font-size: 16px;max-width: 300px;}

    .service_list li{margin-top: 20px;}
    .service_list li .title{font-size: 18px;margin-bottom: 8px;}
    .service_list li .text{font-size: 16px;}

    .service_cts{gap: 20px;}
    .service_cts>div{width: calc((100% - 40px) / 3);}
    .service_cts>div.f2{width: calc((100% -  20px) / 2)}
    .service_cts>div .imgArea ul{padding: 10px 5px 5px;}
    .service_cts>div .imgArea .bullet01{font-size: 14px;font-weight: 400;margin-top: 0;}

    .forte_box{gap: 30px;}
    .forte_box>li{width: calc((100% - 30px) / 2);}
    .forte_box>li .top{font-size: 16px;margin-bottom: 20px;padding-bottom: 20px;}
    .forte_box>li .top .title{font-size: 22px;margin-top: 8px;}
    .forte_box>li .top .text{margin-top: 18px;}
    .forte_box .bullet01{font-size: 15px;}
    .forte_box .bullet02{font-size: 14px;}

    .forte_box .item_box div{margin: 0 auto 20px;max-width: 360px;}
    .forte_box .item_box div span{font-size: 15px;width: 60px;height: 60px;line-height: 60px;font-weight: 500;}
    .forte_box .item_box p{font-size: 15px;}

    .consult_cts .blue_bg{padding: 50px 0 80px;margin-top: 48px;}

    .consult_box{gap: 20px;}
    .consult_box li{width: calc((100% - 20px) / 2);}
}

@media screen and (max-width:1100px){
    /*서브*/
    .orgnz_cts{padding: 50px 0 40px;margin-bottom: 50px;}
    .orgnz_box .mem_list .imgArea img{width: 150px;}
    .orgnz_box .mem_list .imgArea .name{padding-left: 20px;}
    .orgnz_box .mem_list .imgArea .name span{letter-spacing: -1px;}
    .orgnz_box .mem_list .imgArea .name p em{font-size: 22px;letter-spacing: 1px;}
    .orgnz_box .mem_list .txtArea{margin-top: 28px;}

    .step_box li .text{font-size: 15px;font-weight: 400;}
}


@media screen and (max-width:980px){
    .mb60 {margin-bottom: 50px !important;}

    /*서브*/
    .sub_move{display: none;}

    .table_top.text .top_detail {font-size: 14px;}

    .tableW td.select_in .b_number03 {width: calc(49% - 10px);}
    .tableW td.select_in .email03 {width: 32%;}

    .flex_box{display: block;}
    .flex_box .textArea{width: 100%;padding-right: 0;}
    .flex_box .textArea .title br{display: none;}
    .flex_box .imgArea{width: 100%;height: 180px;}

    .greeting_box{display: block;height: auto;}
    .greeting_box .imgArea{width: 100%!important;height: 318px!important;margin-top: 0;}
    .greeting_box .textArea{width: 100%!important;padding: 0;margin-top: 30px;}

    .intro_box{display: flex;align-items: flex-start;}
    .intro_box .imgArea{width: 40%;}
    .intro_box .imgArea em{font-size: 15px;}
    .intro_box .textArea{width: 60%;}

    .map{height: 500px;}
    
    .topArea_img{height: 160px;}
    .topArea_img .text{font-size: 16px;letter-spacing: .5px;}

    .energy_box .color_box{margin-bottom: 60px;}
    .energy_box .color_box:after{height: 60px;background-size: 110px;}

    .service_cts>div.f2{width: 100%;}
    .service_cts>div.f2 .imgArea{height: auto;min-height: auto;padding: 15px;}
}

@media screen and (max-width:850px){
    .mt80 {margin-top: 40px !important;}
    .mb80 {margin-bottom: 40px !important;}

    #footer{padding: 25px 0 15px 0;}
    #footer>.wrap{position: relative;align-items: flex-start;padding-bottom: 40px;}
    .btm_btn{position: absolute;left: 230px;bottom: 0;display: flex;}
    .btm_btn a{border-bottom: 1px solid #343434;margin-right: 10px;}

    .searchArea{padding: 17px;}
    .searchArea .btn_area a{min-width: auto;width: 75px;}

    .tableL thead, .tableL colgroup{display: none;}
    .tableL tr{display: flex;flex-wrap: wrap;border-bottom: 1px solid #d9d9d9;padding: 10px 0;}
    .tableL td{display: block;border: none;height: auto;padding: 7px 10px;font-size: 14px;color: #909090;}
    .tableL td:before{content: attr(data-label);margin-right: 15px;}
    .tableL td.num, .tableL td.attach_td{display: none;}
    .tableL td.t_left{width: 100%;font-size: 15px;color: #242424;}
    .tableL td.t_left a{max-width: 100%;}
    .tableL td.t_left:before{display: none;}

    .tableV{margin-bottom: 20px;}
    .viewList a, .viewList span{padding: 14px 20px;}
    .view_top{padding: 15px 20px;font-size: 15px;}
    .view_down{margin: 15px 15px 0 15px;font-size: 13px;padding: 10px 15px;}
    .view_down dt{padding-right: 15px;margin-right: 16px;}
    .view_down dt:before{height: 12px;}
    .view_cts{padding: 20px;font-size: 14px;}

    .step_box{flex-direction: column;padding-bottom: 0;}
    .step_box li .text{min-height: 60px;}
    .step_box li .tit{position: relative;margin-top: 6px;}
    .step_box li:not(:last-child):after{left: 50%;width: 30px;height: 30px;top: 100%;transform: rotate(90deg) translateX(-50%);background-size: 20px;transform-origin: left;}

    .forte_box>li{width: 100%;padding: 30px 20px 20px;margin-top: 40px;}
    .forte_box>li:before{top: -40px;width: 80px;height: 50px;border-radius: 40px 40px 0 0;background-size: 80px;}
    .forte_box>li .top .title{font-size: 20px;font-weight: 500;}

    .forte_box .list05 .btm{display: flex;align-items: center;justify-content: center;}
    .forte_box .net_top{width: 100px;height: 100px;background-size: 100px;margin: 0;}
    .forte_box .net_top:after{width: 20px;height: 1px;left: 100%;top: 50%;transform: translateY(-50%);}
    .forte_box .net_list{flex-direction: column;margin: 0;margin-left: 40px;}
    .forte_box .net_list:before{width: 1px;height: 86%;left: -20px;top: 50%;transform: translateY(-50%);}
    .forte_box .net_list span{width: 100%;min-height: 70px;border-radius: 10px;margin-top: 0;}
    .forte_box .net_list span:before{width: 20px;height: 1px;left: -20px;top: 50%;transform: translateY(-50%);}
    .forte_box .net_list span:first-child:after{width: 10px;height: calc(50% - 1px);left: -24px;top: 0;}
    .forte_box .net_list span:last-child:after{width: 10px;height: calc(50% - 1px);right: auto;left: -24px;top: auto;bottom: 0;}

    .line_box{padding: 10px;}
}

@media screen and (max-width:830px){
    /*메인*/
    .main_cts .btm a:before{display: none;}

    /*서브*/
    .color_box{flex-direction: column;}
    .color_box dl{display: flex;}
    .color_box dl dt{min-width: 140px;width: 140px;min-height: auto;font-size: 15px;}
    .color_box dl dt button{font-size: 15px;}
    .color_box dl dd{width: 100%;min-height: 80px;}

    .color_box02 dl{flex-direction: row;}
    .color_box02 dl dd{border: 1px solid #e2e2e2;border-left: 0;}
    .color_box02 .pop_ico:after{display: block;margin: 6px auto 0;}

    .energy_box .btm .title{font-size: 17px;}
    .energy_box .btm .title em{font-size: 18px;}
    .energy_box .btm .text{font-size: 15px;margin-top: 16px;}
}

@media screen and (max-width:768px){
    .mb130 {margin-bottom: 40px !important;}
    .mb100 {margin-bottom: 40px !important;}
    .pt90 {padding-top: 30px !important;}
    .mb95 {margin-bottom: 35px !important;}
    .mt55 {margin-top: 25px !important;}

    .border_btn {font-size: 14px;padding: 11px 10px;min-width: 110px;height: 42px;}
    .blue_btn {font-size: 14px;padding: 11px 10px;min-width: 110px;height: 42px;}

    .address em{display: block;margin-top: 3px;}
    .address a{padding:0}
    .address a:before{display: none;}
    .top_move{width: 40px;height: 40px;bottom: 16px;}
    .top_move:hover .arrow {height: 22px;}

    .scroll_line{height: 80px;}
    
    .m_top60{margin-top: 60px;}

    .pop_title{font-size: 17px;}
    .pop_layer{min-width: auto;width: 90%;}
    .pop_layer .line{margin: 15px 0;}
    .pop_layer .btnArea a {padding: 11px 10px;min-width: 110px;height: 42px;font-size: 14px;}
    .footer_pop p{font-size: 14px;}
    #complete_pop .cts p{font-size: 14px;}

    /*메인*/
    .main_cts{background-position: left bottom;}
    .main_cts .top p{font-size: 18px;margin-bottom: 16px;}
    .main_cts .top p strong{font-size: 18px;}
    .main_cts .top{padding-top: 130px;}
    .main_cts .btm{margin-top: 50px;flex-direction: column;}
    .main_cts .btm a{width: 100%;}
    .main_cts .btm a:before{display: block;}


    /*서브*/
    .tab_wrap{margin-bottom: 30px;position: relative;}
    .tab_wrap .now_tab{display: block;font-size: 16px;padding: 12px 30px;color:#fff;background-color: #216eb4;position: relative;width: 100%;margin-bottom: 40px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
    .tab_wrap .now_tab:after{content: '';width: 13px;height: 9px;background: url(../images/sub/arrow01.png) center no-repeat;position: absolute;right: 15px;top: 18px;transform: rotate(90deg);}
    .tab_wrap .now_tab.click:after{transform: rotate(-90deg);}
    .tabA{position: absolute;left: 0;top:44px;width: 100%;display: flex;flex-direction: column;gap: 0;display: none;margin-bottom: 0!important;height: auto!important;border: 1px solid #216eb4;display: none;}
    .tabA.open{display: flex;flex-direction: column;}
    .tabA li{width: 100% !important;background-color: #fff;margin-bottom: 0;border: 0!important;border-top: 1px solid #dbdbdb!important;}
    .tabA li:first-child{border-top: 0!important;}
    .tabA li a{max-height: none;height: auto;min-height: 50px;padding: 10px;}
    .tabA li a:before{display: none;}
    .tabA li a:hover{color: #216eb4;}
    .tabA li.current a{background-color: #fff;color: #216eb4;font-weight: 600;}

    .more_btn{padding: 0 20px;border:1px solid #242424}
    .white .more_btn{border:1px solid #fff}
    .more_btn .circle{display: none;}
    .more_btn .arrow, .main_btn:hover .arrow{padding-right: 60px;}
    .more_btn .arrow:before, .more_btn .arrow:after{right:0}
    .main_btn:hover .arrow:before{width: 50px;}

    #content{min-height: calc(100vh - 540px);padding-bottom: 60px;}

    .titleA{font-size: 20px;margin-top: 24px;margin-bottom: 12px;}
    .titleA button{font-size: 20px;}
    .textA {font-size: 15px;}
    .textB {font-size: 14px;}
    .titleB{font-size: 17px;}
    .titleB button{font-size: 17px;}
    .titleC {font-size: 16px;margin-top: 18px;margin-bottom: 8px;}
    .titleD {font-size: 19px;margin-top: 20px;}
    .titleD .small {font-size: 13px;}
    .titleE {font-size: 22px;}
    .sub_text2 {font-size: 18px;margin-bottom: 25px;}
    .italic, .italic>em {font-size: 16px;}

    .sub_title .top {font-size: 42px;}
    
    .flex_box .textArea .text {font-size: 14px;margin-bottom: 10px;line-height: 1.7;}
    .flex_box .textArea .title.small {font-size: 28px;}
    .flex_box .textArea .title02 {font-size: 30px;margin-bottom: 15px;}
    .sub_text{font-size: 20px;}

    .inner_box .wrap, .inner_box03 .wrap {padding: 40px 30px;}
    .inner_box02 .wrap {padding: 40px 30px 70px 30px;}
    .inner_box03 .wrap {padding:  40px 30px 70px 30px;}
    .inner_box.btm .wrap {padding:40px 30px 70px 30px;}
    .inner_box02.no_btm .wrap{padding: 40px 30px;}

    .bullet01{font-size: 15px;margin-top: 4px;padding-left: 14px;left: 0;}
    .bullet02{font-size: 14px;}
    .bullet02:before{top: 10px;}

    .bC .circle_icon {width: 90px;height: 90px;}
    .fL.bC .textArea {width: calc(100% - 90px);}

    .view_top{display: block;}
    .view_top .title{width: 100%;}
    .view_top .right{width: 100%;margin-top: 5px;}
    .viewList span{width: 130px;}
    .viewList a{width: calc(100% - 130px);}

    .tableW td.select_in .b_number03 {width: calc(48% - 10px);}
    .tableA{font-size: 14px;}

    .circle_icon{width: 78px;height: 78px;}

    .flex_box .imgArea{height: 150px;}
    .flex_box .textArea .title {font-size: 32px;margin-bottom: 20px;line-height: 1.3;}
    .flex_box .textArea .title01 {font-size: 30px;margin-bottom: 20px;}

    .quote:before, .quote:after {width: 14px;height: 15px;}
    .greeting_box .textArea .title {font-size: 18px;margin-bottom: 20px;}
    .greeting_box .textArea .name {margin-top: 30px;font-size: 15px;}
    .font_A{font-size: 15px;}
    .font_B{font-size: 32px;}
    .greeting_box .textArea .btm_text span:nth-child(2){margin: 0 10px;}

    .map_area .address{height: auto;font-size: 14px;padding: 10px 20px;}
    .map_area .address li span:before{height: 13px;top: 2px;}
    .map{height: 400px;}

    .intro_box{display: block;}
    .intro_box .imgArea{width: 100%;height: 320px;}
    .intro_box .imgArea img{height: 100%;width: 100%;object-position: left bottom;object-fit: cover;}
    .intro_box .imgArea em{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.6);margin-top: 0;display: block;width: 100%;font-size: 14px;color: #fff;line-height: 30px;}
    .intro_box .textArea{width: 100%;padding-left: 0;margin-top: 20px;}
    .intro_box img{margin: 0 auto;}
    .vision_cts{padding: 35px 0 40px;margin-top: 30px;}
    .blue_bg{padding: 35px 0 40px;margin-top: 30px;}

    .orgnz_box .mem_list{width: 100%;}

    .service_cts div{width: 100%;}
    .service_cts>div .imgArea img{width: auto;max-width: 100%;}

    .forte_box .bullet_list>li{margin-bottom: 4px;}

    .forte_box .net_top{width: 80px;height: 80px;background-size: 80px;min-width: 80px;}
    .forte_box .net_list span{min-height: 52px;padding: 5px 10px;line-height: 1.4;font-size: 14px;}

    .evlt_pop .pop_inner .cts .text{font-size: 14px;}

    .consult_cts .blue_bg{padding: 35px 0 40px;margin-top: 30px;}
    .consult_cts .titleB{margin-top: 35px;}

}


@media screen and (max-width:670px){
    .tableW td.select_in input, .tableW td.select_in select {width: calc(33.3% - 11px);}
    .tableW td.select_in .b_number03 {width: calc(48% - 15px);}
    .tableW td{padding-left: 164px;}
    .tableW td:before{width: 154px;padding-left: 28px;}
    .tableW td.pill:after{left: 16px;}
}

@media screen and (max-width:650px){
    #footer {padding: 15px 0;}
    #footer>.wrap{display: block;}
    address{width: 100%;margin: 20px 0 0 0;}
    .btm_btn{left: 30px;}

    #content{min-height: calc(100vh - 580px);}

    .time{display: none;}

    .energy_cts{flex-direction: column;}
    .energy_cts div{text-align: center;}
    .link_btn{font-size: 15px;}
    .link_btn:before{background-size: 18px;background-position: left top 2px;}

    .consult_box li{width: 100%}
    .consult_box.f3 li{width: calc((100% - 20px) / 2);}
    .consult_box p{margin-top: 8px;}

}

@media screen and (max-width:600px){
    .more_img{text-align: center;}
    .m_btn{display: inline-block;min-width: auto;width: 110px;}

    .intro_box .imgArea{height: 50vw;}

    .evlt_pop .pop_inner .evlt_pop03{display: block;}
    .evlt_pop .pop_inner .evlt_pop03 div{text-align: center;}
    .evlt_pop .pop_inner .evlt_pop03 p{max-width: none;text-wrap: balance;margin-top: 8px;font-size: 14px;}
    .evlt_pop .pop_inner .evlt_pop03 p br{display: none;}

    .evlt_pop .tableA th, .evlt_pop .tableA td{word-break: break-all;}
    .evlt_pop .tableA td{padding: 8px;height: 40px;}
    .evlt_pop .flex_table{flex-direction: column;}

    .service_list li:before{margin-right: 28px;}
}

@media screen and (max-width:540px){
    input[type="text"], input[type="password"], input[type="number"], input[type="email"], select{height: 35px;}
    textarea{height: 145px;}

    /*서브*/
    .sub_title .top {font-size: 38px;}
    .account_two{margin-top: 40px;}
    .mechine_two{margin-top: 40px;}

    .searchArea{margin-bottom: 30px;}
    .searchArea .btn_area a{height: 35px;padding: 10px 10px;-webkit-padding-before: 10px;width: 58px;}

    .table_top{margin-bottom: 5px;}
    .total{font-size: 13px;}
    .total:before{top: 0;}

    .tableL tr{padding: 5px 0;}
    .tableL td{padding: 5px 10px;font-size: 13px;}
    .tableL td.t_left{font-size: 14px;}

    .view_top{padding: 10px 15px;}
    .view_top .right p{font-size: 13px;}
    .view_down{margin: 10px 10px 0 10px;}
    .view_cts{padding: 10px;}
    .viewList>div{display: block;font-size: 13px;}
    .viewList a, .viewList span{width: 100%;display: block;padding: 13px 10px;}
    .viewList span{text-align: left;padding: 10px 10px;padding-left: 50px;border-bottom: 1px solid #d9d9d9;}
    .viewList a{max-width: 100%;}

    .paging{margin-top: 20px;}
    .paging .num{margin: 0 2px;}
    .paging button.prev{margin-right: 5px;}
    .paging button.next{margin-left: 5px;}

    .tableW td.select_in .b_number03 {width: calc(47% - 15px); }
    .tableW input[type="text"], .tableW input[type="password"], .tableW input[type="email"], .tableW input[type="number"], .tableW select{width: 100%;height: 35px;}
    .tableW td{font-size: 14px;padding-left: 137px;}
    .tableW td.pill:after {left: 11px;font-size: 12px;margin-top: -10px;}
    .tableW td:before {width: 127px;padding-left: 22px;}

    .circle_icon {width: 60px;height: 60px;}
    .bC .circle_icon {width: 60px;height: 60px;}
    .fL.bC .textArea {width: calc(100% - 60px);}
    .fL.bC .circle_icon{position: absolute;left: 20px;top:15px;width: 40px;height: 40px;}
    .fL.bC .textArea{width: 100%;padding-left: 0;}

	.searchArea{display: block;}
    .searchArea select{width: 100% !important;margin-bottom: 10px;}
    .searchArea input{width: 100% !important;margin-bottom: 10px;}
    .searchArea .btn_area a{width: 100% !important;}

    .orgnz_cts{padding: 30px 0;margin-bottom: 30px;}
    .orgnz_box .mem_list .imgArea img{width: 130px;}
    .orgnz_box .mem_list .imgArea .name{font-size: 15px;}
    .orgnz_box .mem_list .imgArea .name p em{font-size: 20px;}
    .orgnz_box .mem_list .txtArea{margin-top: 20px;}
    .orgnz_box .mem_list .txtArea dl dt{font-size: 16px;margin-bottom: 4px;}
    
}

@media screen and (max-width:480px){
    .more_circle{margin-left: -99px;bottom: 15px;}
    .more_circle p{margin-right: 9px;}

    .greeting_box .imgArea{height: 230px !important;}
    .greeting_box .imgArea .bg01, .greeting_box .imgArea .bg02{width: calc(100% - 125px);}

    .topArea_img{display: none;}
    .energy_box .btm .title{font-size: 16px;}
    .energy_box .btm .title em{font-size: 17px;}

    .color_box dl{display: block;}
    .color_box dl dt{width: 100%;}
    .color_box02 dl dd{border: 1px solid #e2e2e2;border-top: 0;}

    .evlt_pop .pop_inner{padding: 10px;}

    .forte_box{gap: 20px;}
    .forte_box>li{margin-top: 30px;padding: 30px 15px 20px;}
    .forte_box>li:before{top: -30px;width: 60px;height: 50px;border-radius: 30px 30px 0 0;background-size: 60px;}

    .forte_box>li .top{font-size: 15px;}
    .forte_box>li .top .title{font-size: 18px;}
    .forte_box>li .top .text{margin-top: 10px;}

    .forte_box .item_box div span{width: 50px;height: 50px;line-height: 50px;}
    .forte_box .list05 .btm{align-items: flex-start;}
    .forte_box .net_top{width: 52px;height: 52px;min-width: 52px;background-size: 54px;}
    .forte_box .net_top:after{width: 10px;}
    .forte_box .net_list{margin-left: 20px;gap: 10px;}
    .forte_box .net_list:before{left: -10px;}
    .forte_box .net_list span:before{width: 10px;left: -10px;}
    .forte_box .net_list span:first-child:after{width: 4px;left: -10px;}
    .forte_box .net_list span:last-child:after{width: 4px;left: -10px;}

    .consult_box.f3 li{width: 100%;}

}

@media screen and (max-width:450px){
    /*메인*/
    .main_cts .btm a:before{display: none;}

    /*서브*/
    .service_list li{position: relative;}
    .service_list li:before{width: 36px;min-width: 36px;height: 36px;position: absolute;left: 0;top: 0;background-size: 50px;margin-right: 0;}
    .service_list li .title{font-size: 16px;font-weight: 500;padding-left: 42px;line-height: 36px;}
    .service_list li .text{font-size: 15px;}
}

@media screen and (max-width:414px){
    .wrap{padding: 0 15px;}
    .btm_btn{left: 15px;}
    .btm_btn a{margin-right: 5px;width: 97px;font-size: 11px;}

    header {height: 60px;}
    header .logo a{background-size: contain;width: 60px;height: 30px;}
    #footer .f_logo{min-width: 60px;width: 60px;height: 30px;background-size: contain;}
    nav .depth01{top: 60px;}
    .product_btn{font-size:10px;padding: 6px 9px;margin-right: 12px;}
    .site_btn{margin-left: 15px;}
    .site_btn .line02 {top: 10px;}
    .site_btn .line03 {top: 20px;}
    .site_btn.open .line {width: 28px;}
    .site_btn.open .line01 {top: 11px;}
    .site_btn.open .line03 {top: 11px;}
    nav .depth01>li>a {font-size: 16px;padding: 15px 30px!important;}
    nav .depth02>li>a{font-size: 15px;padding: 15px 35px;}
    .menu03 .depth02>li:before{right: 15px;top:23px;background-size:10px;}
    nav .depth03>li>a {padding: 5px 45px;font-size: 13px;}
    /* nav .depth03>li:before {left: 38px;top: 10px;} */

    .scroll_line {height: 40px;}
    .top_move{right: 15px;bottom: 11px;}

    .pop_layer{border-radius: 15px;}
    .pop_title{border-top-right-radius: 13px;border-top-left-radius: 13px;}
    .pop_layer .btnArea a {padding: 9px 10px;min-width: 97px;height: 38px;font-size: 14px;}

    /*메인*/
    .main_cts .wrap{padding-bottom: 60px;}
    .main_cts .top{padding-top: 90px;}
    .main_cts .top p{font-size: 15px;margin-bottom: 12px;}
    .main_cts .top p strong{font-size: 15px;font-weight: 400;}
    .main_cts .btm{margin-top: 36px;}
    .main_cts .btm a{padding: 20px 20px 40px;}
    .main_cts .btm a:before{margin-bottom: 14px;height: 38px;background-size: contain;}
    .main_cts .btm a .title{font-size: 18px;}
    .main_cts .btm a .text{font-size: 15px;}

    
    /*서브*/
    .more_btn{padding: 0 15px;min-width: auto;}
    .more_btn .arrow {font-size: 14px; height: 42px;line-height: 41px;}
    .more_btn .arrow:after{margin-top: -4px;}

    .sub_visual .bg img{bottom: -50px;}

    .inner_box .wrap {padding: 20px 15px;}
    .inner_box02 .wrap{padding: 20px 15px 60px 15px;}
    .inner_box03 .wrap {padding: 20px 15px 60px 15px;}
    .inner_box.btm .wrap {padding: 20px 15px 60px 15px;}
    .inner_box02.no_btm .wrap{padding: 20px 15px;}

    .table_top.text .top_detail {font-size: 13px;}

    .sub_title{margin-top: 32px;margin-bottom: 24px;}
    .sub_title .top {font-size: 30px;}
    .point_line {font-size: 20px;}
    .textA {font-size: 14px;}
    .titleD .small{display: block;}
    .titleE {font-size: 19px;}
    .sub_text{margin-bottom: 30px;}
    .sub_text2 {font-size: 17px;margin-bottom: 15px;}

    .tab_wrap .now_tab{margin-bottom: 32px;}

    .bullet01 {font-size: 14px;}
    .bullet02{font-size: 13px;}

    .circle_icon {width: 58px;height: 58px;}

    .tableW td{font-size: 13px;}
    .tableW th{display: block;width: 100%;padding: 9px 10px;}
    .tableW td:before, .tableW td.pill:after{display: none;}
    .tableW td{padding: 7px 10px;}

    .tableA{font-size: 13px;}
    .tableA th{height: 34px;padding: 6px 5px;}
    .tableA td{height: 34px;padding: 6px 5px;}

    .flex_box .imgArea {height: 120px;}
    .intro_box .imgArea{height: 180px;}

    .fL.bC .circle_icon{top: 13px;left: 15px;}

    .greeting_box .textArea .btm_text span:nth-child(2){margin: 0 6px;}
    .font_A{font-size: 14px;}
    .font_B{font-size: 28px;}

    .map{height: 500px;}
    .map_area .address{padding: 10px 15px;gap: 6px 10px;}
    .map_area .address li{display: block;width: 100%;}
    .map_area .address li span{display: block;width: 100%;margin-bottom: 4px;padding-right: 0;}
    .map_area .address li span:before{display: none;}

    .evlt_pop .pop_inner .cts .text{font-size: 14px;}

    .service_cts div .textA{margin-bottom: 10px;}

    .evlt_pop th, .evlt_pop td{font-size: 14px;}
}