@charset "utf-8";
/*공통*/
#page_area .tit_box{margin-bottom:5rem;text-align:center}
#page_area .tit_box .s_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:var(--pt-color);text-transform:uppercase;font-family:'Play'}
#page_area .tit_box .tit{font-size:4.2rem;font-weight:700;line-height:130%;color:#222}
#page_area .tit_box .tit span{color:var(--pt-color)}
#page_area .tit_box .tit span.s_eng{font-size:2.5rem;color:#222 }
#page_area .tit_box .txt{margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666}

#page_area .tit_box.tit_box_margin{margin-top:10rem;padding-top:10rem;border-top:1px dashed #ddd}
/*인사말*/
.p0101 .img_box{max-width:100%;width:90%;height:35rem;margin:0 auto 8rem;box-shadow:-2rem 2rem 0 #013fcd;background:url(/way_page/img/p0101_img01.jpg) no-repeat center/cover;position:relative}
.p0101 .cont_box{text-align:center}
.p0101 .cont_box *{word-break:keep-all}
.p0101 .cont_box .box_tit{margin-bottom:2rem;font-size:2rem;font-weight:600;line-height:150%;color:#333}
.p0101 .cont_box .txt{font-size:1.7rem;line-height:150%;color:#666}
.p0101 .cont_box .txt +.txt {margin-top:2rem}
.p0101 .cont_box .sine{display:block;margin:3rem auto 0}


/*사이트맵*/
#site_map_area{width:100%;display:flex;flex-wrap:wrap;gap:3rem 2%}
#site_map_area .site_map{width:23.5%}
#site_map_area .site_map .menu_tit{margin-bottom:2rem;font-weight:600;font-size:2.4rem;color:#222}
#site_map_area .site_map ul{min-height:30rem;border-top:2px solid #333;border-bottom:1px solid #ddd;background:#f9f9f9}
#site_map_area .site_map ul li{padding:1rem 2rem 1rem 3.5rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:2.8rem;word-break:keep-all;position:relative}
#site_map_area .site_map ul li a{color:#666}
#site_map_area .site_map ul li:last-child{border-bottom:0}
#site_map_area .site_map ul li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:2rem;top:2.2rem}


/*사업소개 공통*/
.p02 .tab_list{margin-bottom:8rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}
.p02 .tab_list li a{display:block;min-width:15rem;width:auto;padding:1rem 2rem;border-radius:10rem;background:#e5ebfa;font-size:1.7rem;font-weight:600;text-align:center;color:#333;transition:all .3s}
.p02 .tab_list li a.on, .p02 .tab_list li a:hover{background:var(--pt-color);color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.1);}

/*사업소개 - 모바일 카테고리*/
.m_cate_list{display:none;width:100%;margin:0 auto 3rem;padding:2rem;border:1px solid #ddd;background:#f7f7f7;position:relative;z-index:1}
.m_cate_list .m_cate_name{width:100%;border:1px solid #ddd;padding:1.5rem 2rem;font-size:1.7rem;font-weight:600;color:#333;background:#fff;position:relative}
.m_cate_list .m_cate_name::after{content: '';width:0.8rem;height:0.8rem;border-left:2px solid #666;border-bottom:2px solid #666;position:absolute;right:2rem;top:50%;transform:translateY(-50%) rotate(-45deg);transition:all 0.2s}
.m_cate_list .m_cate_name.active::after{transform:rotate(135deg)}
.m_cate_list .m_tab_list{display:none;width:calc(100% - 4rem);padding:2rem;border:1px solid #ddd;border-top:0;background:#fff;position:absolute}
.m_cate_list .m_tab_list li a{display:block;padding:1rem 2rem;font-size:1.7rem;line-height:150%;color:#666}
.m_cate_list .m_tab_list li + li{border-top:1px dashed #ddd}
.m_cate_list .m_tab_list li a.on{background:var(--pt-color);color:#fff}

.p02 .cont_box + .cont_box{margin-top:5rem;padding-top:5rem;border-top:1px dashed #ddd}
.p02 .cont_box .box_tit{margin-bottom:3rem;padding:1.5rem 2rem;border-left:2px solid var(--pt-color);background:#f7f7f7;font-size:2.2rem;font-weight:700;color:#333}
.p02 .cont_box .box_txt{padding:0 2rem;font-size:1.8rem;line-height:150%;color:#666;word-break:keep-all}
.p02 .cont_box .box_txt + .cont_list2{margin-top:3rem}

/*사업소개 - 테이블*/
.p02 .tbl_cont{width:100%;position:relative}
.p02 .tbl_cont .tbl_inner{width:100%;overflow-x:auto}
.p02 .tbl_cont .cont_tbl{width:100%;border-right:1px solid #ccc;border-top:2px solid #333}
.p02 .tbl_cont th{padding:1.5rem 1rem;border-bottom:1px solid #5a8af8;border-left:1px solid #5a8af8;background:var(--pt-color);font-size:1.7rem;font-weight:500;color:#fff}
.p02 .tbl_cont td{padding:1.5rem 1rem;border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-size:1.7rem;font-weight:500;text-align:center;color:#333}
.p02 .tbl_cont td.td_tit{background:#828282;border-bottom:1px solid #b8b8b8;font-weight:500;color:#fff}
.p02 .tbl_cont td p + p{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #ddd}
.p02 .tbl_cont .scroll_msg{display:none;width:100%;height:100%;padding-top:5rem;background:rgba(255,255,255,.8);backdrop-filter:blur(2px);font-size:1.8rem;font-weight:700;text-align:center;position:absolute;top:0;left:0;}
.p02 .tbl_cont .scroll_msg.active{display:block}

/*사업소개 - 이미지*/
.p02 .img_list{margin-top:3rem;display:flex;flex-wrap:wrap;gap:3rem 2%}
.p02 .img_list li{width:100%;border:1px solid #ddd;text-align:center}
.p02 .img_list li a{display:block;width:100%;height:100%;text-align:center;position:relative}
.p02 .img_list li a.no-link{cursor:default}
.p02 .img_list li a > img{max-width:100%;width:auto}
.p02 .img_list li .zoom{width:3.5rem;height:3.5rem;border-radius:.5rem;background:rgba(8,13,26,.6);position:absolute;bottom:2rem;right:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;transition:all .3s}
.p02 .img_list li .zoom img{width:1.7rem}
.p02 .img_list li a:hover .zoom{background:var(--pt-color)}
.p02 .img_list_3way li{width:32%}
.p02 .img_list_2way li{width:49%}
.p02 .img_list li.full{width:100%}
.p02 .img_list li.half{width:49%}

.p02 .img_list + .cont_list2{margin-top:3rem}

.p02 .cont_list{display:flex;flex-wrap:wrap;gap:1.5rem 4rem}
.p02 .cont_list li{width:calc(25% - 3rem);padding:1.5rem 2rem;border:1px solid #ddd;border-radius:3px;font-size:1.8rem;font-weight:500;color:#333;text-align:center;position:relative;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}
.p02 .cont_list li a{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}
.p02 .cont_list li a.no-link{cursor:default}
.p02 .cont_list li .num{width:3rem;height:3rem;border-radius:3rem;background:#001141;font-size:1.4rem;font-weight:500;line-height:3rem;text-align:center;color:#fff}
.p02 .cont_list li:before{content:'';width:3rem;height:3rem;background:url(/way_page/img/arr.png) no-repeat center /cover;position:absolute;top:50%;right:-3.5rem;transform:translateY(-50%)}
.p02 .cont_list li:nth-child(4n):before{display:none}
.p02 .cont_list li:last-child:before{display:none}
.p02 .cont_list.no_arr{gap:1.5rem 2%}
.p02 .cont_list.no_arr li{width:23.5%}
.p02 .cont_list.no_arr li:before{display:none}

.p02 .cont_list li:hover{background:#ddd}

.p02 .cont_list2{padding:0 2rem}
.p02 .cont_list2 > li{margin-bottom:1.5rem;padding:0 1rem 1.5rem 1rem;border-bottom:1px dashed #ddd;font-size:1.8rem;font-weight:500;line-height:150%;color:#333;position:relative}
.p02 .cont_list2 > li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1.2rem}
.p02 .cont_list2 > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.p02 .cont_list2 > li .img_box{margin:2rem 0;border-radius:1rem;border:1px solid #ddd;text-align:center;overflow:hidden}
.p02 .cont_list2 > li .img_box img{max-width:100%;width:auto}

.p02 .cont_list2 > li .img_list{margin-top:2rem}
.p02 .cont_list2 > li .d_txt_box{margin-top:1rem;padding:3rem;background:#f7f7f7}
.p02 .cont_list2 > li .d_txt_box p{padding-left:1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.p02 .cont_list2 > li .d_txt_box p:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;left:0;top:1rem}

.p02 .cont_list2 .img_list + li{margin-top:2rem}


@media(max-width:1280px){
#page_area .tit_box .tit{font-size:3.9rem}
	
}
@media(max-width:1024px){
#page_area .tit_box .tit{font-size:3.6rem}

/*인사말*/
.p0101 .img_box{height:30rem}
.p0101 .cont_box{max-width:80rem;width:100%;margin:0 auto}
.p0101 .cont_box .txt br{display:none}

/*사업소개 공통*/
.p02 .tab_list{margin-bottom:5rem}
	
}
@media(max-width:767px){
#page_area .tit_box{max-width:50rem;width:100%;margin:0 auto 3rem}	
#page_area .tit_box .tit{font-size:3.3rem}
#page_area .tit_box .tit br{display:none}

/*인사말*/
.p0101 .img_box{height:25rem}

/*오시는 길*/
.p0103 .root_daum_roughmap, .p0103 .root_daum_roughmap .wrap_map{height:35rem}


/*사업소개 공통*/
.p02 .tab_list{display:none}
.m_cate_list{display:block}
.p02 .img_list{justify-content:center}
.p02 .img_list_3way li{width:49%}
.p02 .img_list li .zoom{right:1rem;bottom:1rem}

.p02 .cont_list li{width:calc(50% - 2rem)}
.p02 .cont_list li:nth-child(2n):before{display:none}
.p02 .cont_list.no_arr li{width:32%}

/*사이트맵*/
#site_map_area .site_map{width:49%}
}
@media(max-width:480px){

/*인사말*/
.p0101 .img_box{height:23rem}


/*사업소개 공통*/
.p02 .img_list{gap:1rem}
.p02 .img_list_3way li,
.p02 .img_list_2way li,
.p02 .img_list li.half{width:100%}


.p02 .cont_list.no_arr li{width:49%}

/*사이트맵*/
#site_map_area .site_map{width:100%}
#site_map_area .site_map ul{min-height:unset}	
}
@media(max-width:320px){
.p02 .cont_list{gap:3rem}
.p02 .cont_list li{width:100%;}
.p02 .cont_list li:before{top:auto;bottom:-3rem;left:50%;transform:translateX(-50%) rotate(90deg)}
.p02 .cont_list li:nth-child(2n):before, .p02 .cont_list li:nth-child(4n):before{display:block}
.p02 .cont_list li:last-child:before{display:none}

.p02 .cont_list.no_arr li{width:100%}
.p02 .cont_list.no_arr li:before{display:none}
}