@charset "utf-8";

/*인사말*/
.about_page{width:100%}
.about_page .img_box{width:130rem;height:46rem;background:#333}
.about_page .cont_box{width:120rem;margin:-6rem auto 0;padding-top:6rem;background:#fff;text-align:center;position:relative;z-index:2}
.about_page .cont_box .s_tit{margin-bottom:2rem;font-weight:600;font-size:1.6rem;color:#041f30;font-family:'Poppins'}
.about_page .cont_box .tit{margin-bottom:3rem;font-weight:300;font-size:3.6rem;color:#333;}
.about_page .cont_box .tit span{font-weight:700}
.about_page .cont_box .cont_tit{margin-bottom:1rem;font-weight:600;font-size:1.8rem;color:#333}
.about_page .cont_box .cont_txt{font-size:1.6rem;line-height:150%;color:#666}
.about_page .cont_box .cont_txt p{margin-bottom:3rem}
.about_page .cont_box .about_visual{margin:5rem 0;display:flex;flex-wrap:wrap;justify-content:center}
.about_page .cont_box .about_visual li{width:27rem;height:6rem;border-radius:6rem;font-weight:600;font-size:1.7rem;line-height:6rem;text-align:center;color:#fff;position:relative}
.about_page .cont_box .about_visual li + li{margin-left:-5.6rem}
.about_page .cont_box .about_visual li img{position:absolute;left:2.2rem;top:50%;transform:translateY(-50%)}
.about_page .cont_box .about_visual li:nth-child(1){padding-right:3rem;background:rgba(4,31,48,.5);}
.about_page .cont_box .about_visual li:nth-child(2){background:rgba(4,31,48,.6);z-index:1}
.about_page .cont_box .about_visual li:nth-child(3){background:rgba(4,31,48,.7);z-index:2}
.about_page .cont_box .about_visual li:nth-child(4){padding-left:3rem;background:rgba(4,31,48,.8);z-index:3}

/*오시는길*/

.location_page .loc_tab{max-width:50rem;width:100%;margin:0 auto 4rem;display:flex;flex-wrap:wrap;justify-content:center}
.location_page .loc_tab li{width:14%;margin:0 .5rem 1rem;padding:1rem 1.5rem;border-radius:6rem;background:#f7f7f7;font-weight:500;font-size:1.5rem;color:#333;text-align:center;transition:all .3s;display:flex;align-items:center;justify-content:center;cursor:pointer}
.location_page .loc_tab li.full{width:100%;padding:2rem;font-size:1.7rem}
.location_page .loc_tab li.on , .loc_tab li:hover{background:#052538;color:#fff}

.location_page .big_tel{width:30rem;height:6rem;margin:0 0 -3rem 2rem;border-radius:6rem;background:#052538;box-shadow:0 1rem 1rem rgba(0,0,0,.2);font-size:2rem;font-weight:700;text-align:center;color:#fff;position:relative;z-index:50;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.location_page .big_tel i{width:4rem;height:4rem;margin-right:1rem;border-radius:4rem;background:#fff;font-size:2rem;line-height:4rem;color:#052538}

.location_page .new_map_info{width:100%;position:absolute;bottom:0;z-index:-10;opacity:0}
.location_page .new_map_info.on{position:relative;bottom:auto;z-index:10;opacity:1}

.location_page .new_map_info .map_area{width:100%;height:50rem;}
.location_page .new_map_info .map_area .root_daum_roughmap{width:100% !important;height:100% !important}
.location_page .new_map_info .info_cont{width:100%;margin-top:5rem} 
.location_page .new_map_info .info_cont .map_tit{padding-bottom:2rem;margin-bottom:2.3rem;border-bottom:1px solid #333;font-weight:700;font-size:2.5rem;color:#333;position:relative}
.location_page .new_map_info .info_cont .info_list{display:flex;flex-wrap:wrap;}
.location_page .new_map_info .info_cont .info_list li{width:50%;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;}
.location_page .new_map_info .info_cont .info_list li .li_tit{width:12rem;font-weight:700;font-size:1.7rem;color:#333}
.location_page .new_map_info .info_cont .info_list li .li_tit img{display:inline-block;width:1.7rem;margin-right:1rem;}
.location_page .new_map_info .info_cont .info_list li .li_cont{width:calc(100% - 12rem);font-size:1.6rem;line-height:150%;color:#666;word-break:keep-all}
.location_page .new_map_info .info_cont .info_list li .li_cont p .time_tit{display:inline-block;width:20rem;color:#333}
.location_page .new_map_info .info_cont .info_list li.full_li{width:100%}

/*주요업무*/
#service_page *{word-break:keep-all}
#service_page + #service_page{margin-top:5rem}
#service_page .ser_tit_box{margin-bottom:5rem;text-align:center}
#service_page .ser_tit_box .tit{margin-bottom:1rem;font-weight:700;font-size:3.6rem;color:#333}
#service_page .ser_tit_box .s_tit{font-weight:700;font-size:1.6rem;color:#c49a6c}
#service_page .ser_tit_box .txt{margin-top:2rem;font-size:1.6rem;line-height:150%;color:#666}

#service_page .service_cont{border-top:1px solid #333}
#service_page .service_cont .cont_box{border-bottom:1px dashed #ddd;padding:6rem 0;display:flex;flex-wrap:wrap}
#service_page .service_cont .cont_box .tit_box{width:28%;padding-right:3rem;font-weight:600;font-size:2.4rem;color:#333;display:flex;flex-wrap:wrap}
#service_page .service_cont .cont_box .tit_box.full{width:100%}
#service_page .service_cont .cont_box .tit_box .num{width:3rem;height:3rem;border-radius:.3rem;font-weight:500;font-size:1.4rem;text-align:center;line-height:3rem;color:#fff;background:#052538}
#service_page .service_cont .cont_box .tit_box .box_tit{width:calc(100% - 3rem);padding-left:1.5rem}

#service_page .service_cont .cont_box .txt_box{width:72%;font-size:1.6rem;line-height:150%;color:#666}
#service_page .service_cont .cont_box .txt_box.full{width:100%;margin-top:2rem}
#service_page .service_cont .cont_box .txt_box .bold{font-weight:500;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_list{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;gap:1rem 0}
#service_page .service_cont .cont_box .txt_box .cont_list.cont_list_top{margin-top:3rem}
#service_page .service_cont .cont_box .txt_box .cont_list.last{padding-bottom:0;border-bottom:0}
#service_page .service_cont .cont_box .txt_box .cont_list li{margin-right:3rem;padding:1rem 2rem;border-radius:5rem;background:#052538;font-weight:500;font-size:1.5rem;text-align:center;color:#fff;position:relative}
#service_page .service_cont .cont_box .txt_box .cont_list li p{font-size:1.4rem;color:rgba(255,255,255,.6)}
#service_page .service_cont .cont_box .txt_box .cont_list li:before{content:url(/way_page/img/arr.png);position:absolute;right:-2rem;top:50%;transform:translateY(-50%)}
#service_page .service_cont .cont_box .txt_box .cont_list li:last-child{margin-right:0}
#service_page .service_cont .cont_box .txt_box .cont_list li:last-child:before{display:none}

#service_page .service_cont .cont_box .txt_box .cont_tit{margin:3rem 0 1rem;font-weight:500;font-size:2rem;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_tit2{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_list2{margin:2rem 0}
#service_page .service_cont .cont_box .txt_box .cont_list2.no_margin{margin:0}
#service_page .service_cont .cont_box .txt_box .cont_list2 li{padding:1rem 1rem 1rem 2rem;margin-bottom:1rem;background:#f7f7f7;position:relative}
#service_page .service_cont .cont_box .txt_box .cont_list2 li:before{content:'';width:3px;height:3px;background:#052538;border-radius:3px;position:absolute;left:1rem;top:2rem}

#service_page .service_cont .cont_box .txt_box .cont_list2.cont_list2_3row{display:flex;flex-wrap:wrap;justify-content:space-between}
#service_page .service_cont .cont_box .txt_box .cont_list2.cont_list2_3row li{width:32%}

#service_page .service_cont .cont_box .txt_box .cont_list3 > li{padding:0 0 2rem 1.5rem;margin-bottom:2rem;border-bottom:1px dashed #ddd;position:relative}
#service_page .service_cont .cont_box .txt_box .cont_list3 > li:before{content:'';width:3px;height:3px;background:#052538;border-radius:3px;position:absolute;left:0;top:1rem}
#service_page .service_cont .cont_box .txt_box .cont_list3 > li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
#service_page .service_cont .cont_box .txt_box .cont_list3 > li .li_tit{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_list3 > li .li_tit2{margin-bottom:.5rem;font-weight:500;font-size:1.6rem;color:#333}


#service_page .service_cont .cont_box .txt_box .slide_tbl_wrap{width:100%;overflow-x:auto}
#service_page .service_cont .cont_box .txt_box .cont_tbl{width:100%}
#service_page .service_cont .cont_box .txt_box .cont_tbl th{padding:1rem;background:#052538;font-weight:500;font-size:1.7rem;text-align:center;color:#fff}
#service_page .service_cont .cont_box .txt_box .cont_tbl tbody th{background:#82929b;border-bottom:1px solid #b4bdc3}
#service_page .service_cont .cont_box .txt_box .cont_tbl td{padding:1.5rem;border:1px solid #ddd;border-top:0;border-right:0;font-size:1.5rem;line-height:140%;color:#666}
#service_page .service_cont .cont_box .txt_box .cont_tbl .td_tit{background:#e6e9eb;font-weight:500;font-size:1.6rem;text-align:center;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_tbl td:first-child{background:#e6e9eb;font-weight:500;font-size:1.6rem;text-align:center;color:#333}
#service_page .service_cont .cont_box .txt_box .cont_tbl td:last-child{border-right:1px solid #ddd}

#service_page .service_cont .flowchart_box{padding:5rem;border:1px solid #ddd;}
#service_page .service_cont .flowchart_box li + li{margin-top:5rem}
#service_page .service_cont .flowchart_box li .box{position:relative}
#service_page .service_cont .flowchart_box li .box:before {content: url(/way_page/img/arr.png);position: absolute;left:50%;top:-3.7rem;transform:translateX(-50%) rotate(90deg);}
#service_page .service_cont .flowchart_box li .b_box{width:32%;margin:0 auto;padding:2rem 3rem;border-radius:1rem;background:#052538;font-weight:700;font-size:2rem;color:#fff;text-align:center}
#service_page .service_cont .flowchart_box li .b_box p{font-weight:500;font-size:1.5rem;color:rgba(255,255,255,.6)}
#service_page .service_cont .flowchart_box li .line_box{width:32%;margin:0 auto;padding:1rem 3rem;border:2px solid #052538;border-radius:1rem;background:#fff;font-weight:700;font-size:1.8rem;color:#052538;text-align:center}

#service_page .service_cont .flowchart_box li.tw_col{display:flex;flex-wrap:wrap;justify-content:flex-end;}
#service_page .service_cont .flowchart_box li.tw_col .line_box{margin:0}
#service_page .service_cont .flowchart_box li.tw_col .line_box + .line_box{margin-left:2%}

#service_page .service_cont .flowchart_box li.th_col{display:flex;flex-wrap:wrap} 
#service_page .service_cont .flowchart_box li.th_col .b_box{font-size:1.5rem;display:flex;align-items:center;justify-content:center}
#service_page .service_cont .flowchart_box li.th_col .b_box + .b_box{margin-left:2%} 


#service_page .service_cont .flowchart_box2{border:1px solid #ddd;margin-top:3rem;padding:5rem}
#service_page .service_cont .flowchart_box2 li{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
#service_page .service_cont .flowchart_box2 li:before {content: url(/way_page/img/arr.png);position: absolute;left:19.5%;bottom:-2.5rem;transform:rotate(90deg);}
#service_page .service_cont .flowchart_box2 li + li{margin-top:3rem}
#service_page .service_cont .flowchart_box2 li:last-child{margin-bottom:0}
#service_page .service_cont .flowchart_box2 li:last-child:before{display:none}

#service_page .service_cont .flowchart_box2 li .b_box{width:42%;padding:2rem;border-radius:1rem;background:#052538;font-size:2rem;font-weight:700;text-align:center;color:#fff}
#service_page .service_cont .flowchart_box2 li .b_box p{font-size:1.5rem;font-weight:500;color:rgba(255,255,255,.6);}
#service_page .service_cont .flowchart_box2 li .b_box2{border:1px solid #052538;background:none;color:#333}
#service_page .service_cont .flowchart_box2 li .b_box2 p{color:#999}

#service_page .service_cont .flowchart_box2 li .arr_txt{text-align:center}