@charset "utf-8";

/*페이지공통*/
#page_area .tit_area{margin-bottom:3rem;text-align:center}
#page_area .tit_area .s_tit{margin-bottom:1rem;font-size:1.6rem;font-weight:700;color:var(--pt-color);font-family:'Montserrat'}
#page_area .tit_area  .tit{font-size:3.6rem;font-weight:300;line-height:140%;color:#333}
#page_area .tit_area  .tit span{display:inline-block;font-weight:700}
#page_area .tit_area .txt{margin-top:.5rem;font-size:2rem;font-weight:600;color:#333}
#page_area .tit_area .txt span{color:var(--pt-color)}

/*인사말*/
.about_page .img_box{width:100%;height:45rem;background:url(/way_page/img/about_img_new.jpg) no-repeat center/cover}
.about_page .cont_box{width:calc(100% - 8rem);margin:-5rem auto 0;border-radius:2rem 2rem 0 0;padding-top:8rem;background:#fff;font-size:1.6rem;text-align:center;line-height:150%;color:#666;position:relative;z-index:2}
.about_page .cont_box .cont_tit{margin-bottom:2rem;font-size:2.2rem;font-weight:600;color:#333}
.about_page .cont_box .cont_txt{margin-bottom:2rem}

.about_page .cont_box .about_visual{max-width:100rem;width:100%;margin:0 auto 3rem;display:flex;flex-wrap:wrap}
.about_page .cont_box .about_visual li{width:25%;padding-bottom:25%;border-radius:100%;position:relative}
.about_page .cont_box .about_visual li + li{margin-left:-1%}
.about_page .cont_box .about_visual li:nth-child(1){background:rgba(4,31,48,.5);}
.about_page .cont_box .about_visual li:nth-child(2){background:rgba(4,31,48,.7);}
.about_page .cont_box .about_visual li:nth-child(3){background:rgba(4,31,48,.8);}
.about_page .cont_box .about_visual li:nth-child(4){background:rgba(4,31,48,.9);}

.about_page .cont_box .about_visual li .inner{width:100%;padding:0 1.5rem;font-size:2rem;font-weight:700;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about_page .cont_box .about_visual li .inner .eng_txt{margin-bottom:.5rem;font-size:1.6rem;color:rgba(255,255,255,.6);font-family: 'play';}

/*오시는길*/
.location_page .map_cont{width:100%;height:40rem;margin-bottom:5rem}
.location_page .map_cont .root_daum_roughmap{width:100% !important;height:100% !important}

.location_page .map_info_area{max-width:120rem;width:100%;margin:0 auto;display:flex}
.location_page .map_info_area .map_info{width:50%;padding-right:3rem}
.location_page .map_info_area .map_info .tit{margin-bottom:2rem;font-weight:700;font-size:2.2rem;color:#333}
.location_page .map_info_area .map_info .txt{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:150%;color:#666}
.location_page .map_info_area .map_info .txt.last{border-bottom:0}
.location_page .map_info_area .btn_area{max-width:50rem;display:flex;flex-wrap:wrap;justify-content:space-between}
.location_page .map_info_area .btn_area a{width:49%;height:5rem;border:1px solid #333;border-radius:5px;font-size:1.6rem;font-weight:500;line-height:5rem;text-align:center;color:#333;transition:all .3s}
.location_page .map_info_area .btn_area a:hover{border-color:var(--pt-color);background:var(--pt-color);color:#fff}
 
 .location_page .map_info_area2{margin-top:3rem;padding-top:3rem;border-top:1px dashed #ddd}
 
.location_page .map_info_list li{padding-left:12rem;font-size:1.6rem;line-height:2.8rem;color:#666;position:relative}
.location_page .map_info_list li + li{margin-top:2.5rem}
.location_page .map_info_list li .list_tit{width:10rem;height:3.5rem;border-radius:3.5rem;background:#f7f7f7;font-weight:600;line-height:3.5rem;text-align:center;color:#333;position:absolute;left:0;top:-.5rem}
.location_page .map_info_list li .list_tit img{display:inline-block;width:1.6rem;margin-right:.5rem}
.location_page .map_info_list li .display{display:inline-block/*줄바꿈시 지정된 영역으로 떨어지게*/}


/*주요업무*/
#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:var(--pt-color)}
#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:25%;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 .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:.3rem 0 0 1.5rem}

#service_page .service_cont .cont_box .txt_box{width:75%;font-size:1.6rem;line-height:150%;color:#666}
#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 3rem;}
#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{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 .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.8rem;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 .tbl_box{width:100%;overflow-x:auto;position:relative}
#service_page .tbl_box .cont_tbl{min-width:76.7rem}
#service_page .tbl_box .slide_mes {display:none;width:100%;height:100%;background:rgba(0,0,0,.6);text-align:center;position:absolute;top:0;left:0}
#service_page .tbl_box .slide_mes img {display:inline-block;width:5rem;margin-top:3rem}
#service_page .tbl_box .slide_mes .txt {font-weight:700;font-size: 1.6rem;color:#fff}
#service_page .tbl_box .slide_mes .txt span {color #e6c800}



@media(max-width:1280px){
/*주요업무*/
#service_page .ser_tit_box .txt{max-width:100rem;margin:2rem auto 0}
#service_page .ser_tit_box .txt br{display:none}
}

@media(max-width:1024px){

/*인사말*/
.about_page .cont_box .cont_txt br{display:none}

/*오시는길*/
.location_page .map_cont{height:35rem}

/*주요업무*/
#service_page .service_cont .cont_box .tit_box{width:100%;margin-bottom:2rem;padding:0}
#service_page .service_cont .cont_box .txt_box{width:100%}
}

@media(max-width:767px){
/*인사말*/
.about_page .img_box{height:25rem}
.about_page .cont_box{width:100%;margin:0;padding-top:5rem}

.about_page .cont_box .about_visual{max-width:45rem}
.about_page .cont_box .about_visual li{width:51%;padding-bottom:51%}
.about_page .cont_box .about_visual li + li{margin-left:-2%}
.about_page .cont_box .about_visual li:nth-child(3){margin-left:0}
.about_page .cont_box .about_visual li:nth-child(n + 3){margin-top:-2%}	
	
/*오시는길*/
.location_page .map_cont{margin-bottom:3rem}
.location_page .map_info_area{display:block}
.location_page .map_info_area .map_info{width:100%;padding-right:0}
.location_page .map_info_area .map_info + .map_info {margin-top:3rem}
.location_page .map_info_area .btn_area{max-width:100%} 

/*주요업무*/
#service_page .service_cont .cont_box .tit_box{font-size:2rem}
#service_page .service_cont .cont_box .txt_box .cont_list{display:block;max-width:45rem;width:100%;margin:3rem auto;padding:3rem;border:1px solid #ddd}
#service_page .service_cont .cont_box .txt_box .cont_list li + li{margin-top:3rem}
#service_page .service_cont .cont_box .txt_box .cont_list li:before{right:auto;top:auto;left:50%;bottom:-2.6rem;transform:translateX(-50%) rotate(90deg)}
#service_page .service_cont .cont_box .txt_box .cont_list.last{padding-bottom:3rem;border-bottom:1px solid #ddd}

#service_page .service_cont .flowchart_box{padding:0;border:0}
#service_page .service_cont .flowchart_box li .b_box{width:100%}
#service_page .service_cont .flowchart_box li .line_box{padding:1rem}
#service_page .service_cont .flowchart_box li.th_col .b_box{width:32%;padding:1rem}

#service_page .service_cont .cont_box .txt_box .cont_list2.cont_list2_3row li{width:49%}

/*테이블 스크롤*/
#service_page .tbl_box .slide_mes {display:block}
}

@media(max-width:480px){
/*공통*/
#page_area .tit_area  .tit{font-size:3rem}
	
/*인사말*/
.about_page .img_box{height:20rem}

}

@media(max-width:320px){
#page_area .tit_area  .tit{font-size:2.8rem}
}