.sb_wrap{ overflow:hidden; }
.sb_wrap *{ box-sizing:border-box; }
.btnArea{ display:none; }
section > .sub_con{ width:100%; margin:0 auto; }


/* sub01 */

/*.sub01_tt{ text-align:center; word-break:keep-all; margin:0 auto 60px; }
.sub01_tt > h2{ font-family:'score'; font-size:40px; font-weight:700; line-height:1em; margin-bottom:10px; }
.sub01_tt > p{ font-size:18px; font-weight:300; color:#666; }

.sub01_map{ position:relative; z-index:1; padding-top:50%; min-height:500px; border:1px solid #ddd; border-radius:8px; box-shadow:5px 5px 8px 0 rgba(0,0,0,0.2); overflow:hidden; margin-bottom:40px; }
.sub01_map > .root_daum_roughmap{ position:absolute; z-index:1; top:50%; left:50%; width:100% !important; height:100% !important; transform:translate(-50%, -50%); }
.sub01_map > .root_daum_roughmap > .wrap_map{ width:100% !important; height:100% !important; }
.sub01_map > .root_daum_roughmap > .wrap_map > .map_border{ display:none; }
.sub01_map > .root_daum_roughmap > .wrap_controllers{ display:none; }

.sub01_pt_wrap{ margin:0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sub01_pt{ width:33.33333333%; padding:0 10px; display:-webkit-box; display:-ms-flexbox; display:flex; }

.sub01_pt.full{ width:100%; margin-bottom:30px; }
.sub01_pt.full > h3{ width:100%; font-size:28px; font-weight:300; color:#333; word-break:keep-all; }
.sub01_pt.full > h3 > i{ margin-right:10px; color:#2d4e9e; }

.sub01_box{ width:100%; background-color:#f9f9f9; opacity:0; transform:translate(0, 20px); box-shadow:0 0 0 0 rgba(0,0,0,0.0); transition:0.55s opacity, 1s transform, 0.55s box-shadow; }
.sub01_box.act{ opacity:1; transform:translate(0, 0); box-shadow:4px 4px 10px 0 rgba(0,0,0,0.15); }

.sub01_box > h4{ padding:15px 20px; font-size:20px; font-weight:500; background-color:#2d4e9e; color:#fff; }
.sub01_box > ul{ padding:20px; }
.sub01_box > ul > li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-bottom:15px; word-break:keep-all; }
.sub01_box > ul > li:last-child{ margin-bottom:0; }
.sub01_box > ul > li > i{ border-radius:100%; color:#2d4e9e; font-size:30px; }
.sub01_box > ul > li > .path_txt{ padding:0 0 0 10px; }
.sub01_box > ul > li > .path_txt > h6{ font-size:20px; font-weight:600; color:#333; margin-bottom:5px; }
.sub01_box > ul > li > .path_txt > p{ font-size:15px; font-weight:300; color:#666; line-height:1.6em; }

@media(max-width:900px){
	.sub01_pt{ width:100%; margin-bottom:20px; }
}
@media(max-width:700px){
	.sub01_map{ padding-top:65%; min-height:350px; }
	.sub01_pt.full > h3{ font-size:20px; }
	.sub01_box > ul > li > i{ font-size:25px; }
}*/




/* sub01-adjust */
.sb_wrap{ padding:0; max-width:100% !important; }

.sub01_pt_wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sub01_pt{ width:50%; display:-webkit-box; display:-ms-flexbox; display:flex; }

.sub01_map{ width:100%; position:relative; z-index:1; padding-top:100%; min-height:500px; overflow:hidden; }
.sub01_map > .root_daum_roughmap{ position:absolute; z-index:1; top:50%; left:50%; width:100% !important; height:100% !important; transform:translate(-50%, -50%); }
.sub01_map > .root_daum_roughmap > .wrap_map{ width:100% !important; height:100% !important; }
.sub01_map > .root_daum_roughmap > .wrap_map > .map_border{ display:none; }
.sub01_map > .root_daum_roughmap > .wrap_controllers{ display:none; }

.sub01_pt.pt_rt{ background-color:#f7f7f7; padding:50px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

.sub01_if{ width:100%; padding:0 50px; word-break:keep-all; }
.sub01_if > h3{ font-family:'score'; font-size:30px; font-weight:400; color:#333; margin-bottom:30px; opacity:0; transform:translate(-100px, 0); transition:1s opacity, 1s transform; }
.sub01_if > h3.act{ opacity:1; transform:translate(0, 0); transition:1s opacity, 1s transform; }

.sub01_path{ margin-bottom:30px; opacity:0; transform:translate(-100px, 0); transition:1s opacity, 1s transform; }
.sub01_path.act{ opacity:1; transform:translate(0, 0); }
.sub01_path:last-child{ margin-bottom:0; }
.sub01_path > h4{ font-size:20px; font-weight:400; color:#2d4e9e; margin-bottom:15px; }
.sub01_path > ul > li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-bottom:15px; }
.sub01_path > ul > li:last-child{ margin-bottom:0; }
.sub01_path > ul > li > i{ padding:7px; border-radius:100%; color:#fff; font-size:28px; }
.sub01_path > ul > li > i.ic_01{ background-color:#2d4e9e; }
.sub01_path > ul > li > i.ic_02{ background-color:#2d8b9e; }
.sub01_path > ul > li > .path_txt{ padding:0 0 0 13px; }
.sub01_path > ul > li > .path_txt > h6{ font-size:18px; font-weight:500; color:#333; line-height:1em; margin-bottom:7px; }
.sub01_path > ul > li > .path_txt > p{ font-size:15px; font-weight:300; color:#666; line-height:1.4em; }

@media(max-width:900px){
	.sub01_pt{ width:100%; }

	.sub01_map{ padding-top:56.25%; min-height:350px; }

	.sub01_pt.pt_rt{ padding:50px 0 100px; }
	.sub01_if{ width:100%; padding:0 20px; }
	.sub01_if > h3{ font-size:30px; font-weight:400; color:#333; margin-bottom:30px; }
}
@media(max-width:600px){
	.sub01_if > h3{ font-size:20px; }

	.sub01_path > h4{ font-size:17px; }
	.sub01_path > ul > li > i{ padding:6px; font-size:24px; }
	.sub01_path > ul > li > .path_txt{ padding:0 0 0 8px; }
	.sub01_path > ul > li > .path_txt > h6{ font-size:16px; margin-bottom:5px; }
	.sub01_path > ul > li > .path_txt > p{ font-size:14px; }
}