/* 내용부분 */
.content { width:97%; max-width:1280px; margin:0 auto; padding-bottom:80px; }
.sub05 { max-width:1200px; }

/* 서브비쥬얼 */
.sub_v .main_img_inner { height:350px; }

.sub_v .main_visual_txt { top:30% !important; }

.sub_v .bx-wrapper .bx-prev { display:none !important; }
.sub_v .bx-wrapper .bx-next { display:none !important; }

/* 페이지제목 */
.cont_tit { width:100%; overflow:hidden; color: #292929; text-align:center; position: relative; margin:30px auto 30px auto; border:0px solid red; }
.cont_tit .page_title01 { width:auto !important; font-size:35px; font-weight:700; text-align:center; margin:0 auto 20px auto; padding:0px; border-bottom:0px solid #999999; font-family:"NanumSquare", sans-serif; }

.content .sub_sec { margin-top:50px; }
.content .sub_sec:first-child { margin-top:0px; }

.sub_sec .ss_title01 { font-size:23px; font-weight:800; font-family:"NanumSquare", sans-serif; padding-bottom:10px; border-bottom:1px solid #cccccc; }
.sub_sec .ss_title01.bline_no { border-bottom:0; }
.sub_sec .ss_title02 { font-size:23px; font-weight:800; font-family:"NanumSquare", sans-serif; border:0px solid red; margin-bottom:10px; }
.sub_sec .ss_title02:before { content:"● "; color:#50A207; font-size:23px; }
.sub_sec .sub_title_grd { display:inline-block; width:auto !important; padding:15px 30px; background: linear-gradient(to right, #3eb9b6, #1e388e); font-size:25px; font-weight:600; color:#ffffff; font-family:"NanumSquare", sans-serif; }
.sub_sec .ss_title03 { font-size:20px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; text-align:left; margin-bottom:10px;}
.sub_sec .ss_title03:before { content:"● "; font-size:14px; }

.tit_ss {width:100%; font-size:15px; font-weight:600; text-align:left; color:#da963c; }

.sub_sec .ss_content { margin-top:20px; }
.sub_sec .ss_info { font-size:17px; padding:0px 20px 10px 20px; line-height:1.3; border:0px solid red; }
.sub_sec .ss_info > ul > { width:100%; }
.sub_sec .ss_info > ul > li { width:100%; padding:10px 0; border-bottom:0px solid #bbbbbb; }
.sub_sec .ss_info > ul > li:last-child { border-bottom:0; }
.sub_sec .ss_info > ul > li > p { font-weight:600; color:#000000; margin-bottom:10px; }
.sub_sec .ss_info .img_box { margin:20px auto 0 auto; }
.sub_sec .txt_box { font-size:20px; }
.info_box { background-color:#f1f1f1; border:1px solid #eeeeee; border-radius:10px; font-family:"NanumSquare", sans-serif; font-size:25px; font-weight:600; line-height:1.5; padding:20px 20px; text-align:center; } 
.info_box p { padding-top:10px; font-size:17px; font-weight:400; }

.ss_font01 { font-size:24px; font-weight:600; color:#000000; }
.ss_font02 { font-size:30px; font-weight:600; color:#000000; }
.ss_font03 { font-size:17px; font-weight:600; color:#000000; }
.ss_font04 { font-size:18px; font-weight:400; line-height:1.2; word-break:keep-all; }
.ss_font05 { font-size:27px; font-weight:600; width:100%; text-align:center; color:#000000; }
.ss_font05 > span { font-size:25px; font-weight:600; }
.ss_font05 > strong { font-size:50px; font-weight:400; font-family:"Nanum Brush Script", cursive; margin-left:10px; }

.ss_text1 { font-size:35px; font-weight:bold; line-height:2; text-align:center; letter-spacing:-1px; color:#50A207; }
.ss_text1 > strong { color:#50A207; }

.ss_button { width:100%; text-align:center; }
.ss_button > a { display:inline-block; padding:10px 20px; font-size:20px; background-color:#50A207; color:#ffffff; border-radius:10px; }

.ss_text2 { width:100%; max-width:740px; padding:30px; margin:30px auto 0 auto; border:1px solid #50A207; border-top:3px solid #50A207; font-size:15px; box-sizing:border-box; background-color:#FBFBF3; border-radius:10px; }
.ss_text2 > div { font-size:20px; color:#50A207; margin-top:10px;}
.ss_text2 > div > span { font-size:25px; font-weight:800; }

p.font01 { font-size:27px; font-weight:800; margin-bottom:30px; word-break:keep-all; }
p.font02 { font-size:25px; font-weight:600; word-break:keep-all; }
p.font03 { font-size:17px; font-weight:400; word-break:keep-all; }

.map_box { width:100%; height:450px; margin:0 auto 30px auto; }
.map_box div.root_daum_roughmap { width:100%; max-width:1280px; height:450px; margin:0 auto;}

.mapinfo { width:100%; max-width:1280px; margin:0 auto 0px auto; }
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.step01 { width:100%; }
.step01 ul { width:100%; }
.step01 ul li { width:100%; display:table; margin-bottom:30px; }
.step01 ul li:last-child { margin-bottom:0px; }
.step01 ul li dl { display:table-row; }
.step01 ul li dl dt { display:table-cell; width:35%; height:auto; text-align:center; vertical-align:middle; font-size:18px; font-weight:600; font-family:"NanumSquare"; background-color:#001D4F; color:#ffffff; border-radius:5px 0 0 5px; padding:5px 10px; }
.step01 ul li dl dt .st_title01 { padding:10px 0; font-size:20px; }
.step01 ul li dl dt .st_title02 { width:60%; min-width:230px; border-top:1px solid #ffffff; text-align:left; margin:0 auto; padding:10px 0; font-weight:normal;}
.step01 ul li dl dd { display:table-cell; width:65%; height:60px; vertical-align:middle; background-color:#f8f8f8; padding:10px 20px; font-size:17px; font-weight:400; color:#000000; line-height:150%; border-radius:0 5px 5px 0; border:1px solid #dddddd; box-sizing:border-box;}

.step02 { width:100%; }
.step02 > ul { width:100%; font-size:0; letter-spacing:-1px; }
.step02 > ul > li { display:inline-block; font-size:15px; letter-spacing:0; width:23%; margin-right:2.6666%; border:0px solid red; box-sizing:border-box; vertical-align:top; }
.step02 > ul > li:nth-child(4n) { margin-right:0; }
.step02 > ul > li > p { width:100%; height:auto; text-align:center; vertical-align:middle; background-color:#7CB945; padding:5px 10px;  font-size:15px; font-weight:400; font-family:"NanumSquare"; color:#ffffff; border-radius:5px 5px 0 0; box-sizing:border-box; }
.step02 > ul > li > div { width:100%; height:80px; text-align:center; vertical-align:middle; background-color:#f8f8f8; font-size:15px; font-weight:400; color:#000000; line-height:1.3; border-radius:0 0 5px 5px; border:1px solid #dddddd; box-sizing:border-box; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.table01 { background-color:#ffffff; }
.table01 table { width:100%; padding:0; border-spacing:0;border-top:1px solid #dddddd; }
.table01 table thead th { background-color:#50A207; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:7px 5px; color:#ffffff; font-weight:400; }
.table01 table tbody th { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#50A207; color:#ffffff; padding:7px 5px; line-height:1.3; font-weight:400; }
.table01 table tbody td { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:left; padding:15px 20px; line-height:1.5; word-break:keep-all;}
.table01 table tbody > tr > th:last-child { border-right:none; }
.table01 table tbody > tr > td:last-child { border-right:none; }
.table01 table tbody td.rline { border-right:1px solid #dddddd !important; }
.table01 table tbody td.lline { border-left:1px solid #dddddd !important; }
.table01 table tbody td.bline { border-bottom:1px solid #dddddd !important; }
.table01 table tbody > tr.th_gray > th { background-color:#f1f1f1; color:#666666; font-weight:normal; }
.table01 table tbody td ul { text-align:left; }
.table01 table tbody td ul > li { display:inline-block; width:50%; text-align:left; }
.tab_mo { display:none; }
.sub0208 .table01 > table > tbody > tr > th { width:250px; }
.sub0208 .table01 > table > tbody > tr > td { width:calc(100% - 250px); }

/*
.table02 { width:100%; }
.table02 > ul { width:100%; list-style:none; font-size:0; border-bottom:1px solid #cccccc; }
.table02 > ul > li { display:inline-block; padding:0; font-size:16px; line-height:1.2; padding:22px 0px;  border:0px solid red; box-sizing:border-box; vertical-align:middle; }
.table02 > ul > li div { width:100%;  margin:0px auto; flex:1 1 20%; display:block; width:100%; text-align:center; word-break:keep-all; border-right:0px solid red; box-sizing:border-box; }
.table02 > ul > li.td01 { width:20%; margin-right:1%; }
.table02 > ul > li.td01 img { width:auto; max-width:100%; }
.table02 > ul > li.td02 { width:29%; margin-right:1%; }
.table02 > ul > li.td03 { width:28%; margin-right:1%; }
.table02 > ul > li.td04 { width:20%; }
*/
.table02 { width:100%; }
.table02 > ul { width:100%; list-style:none; font-size:0; border-bottom:1px solid #cccccc; }
.table02 > ul > li { display:inline-block; padding:0; line-height:1.2; padding:22px 0px;  border:0px solid red; box-sizing:border-box; }
.table02 > ul > li.td01 { width:55%; }
.table02 > ul > li.td01 img { width:auto; max-width:100%; }
.table02 > ul > li.td02 { width:45%; }
.table02 > ul > li > ul { width:100%; list-style:none; font-size:0; }
.table02 > ul > li > ul > li { display:inline-block; padding:0; font-size:16px; vertical-align:middle; }
.table02 > ul > li > ul > li div { width:98%;  margin:0px auto; text-align:center; word-break:keep-all; border:0px solid blue; box-sizing:border-box; }
.table02 > ul > li.td01 .info01 { width:35%; border:0px solid red; box-sizing:border-box; }
.table02 > ul > li.td01 .info02 { width:65%; border:0px solid red; box-sizing:border-box; }
.table02 > ul > li.td02 .info03 { width:63%; border:0px solid red; box-sizing:border-box; }
.table02 > ul > li.td02 .info04 { width:37%; border:0px solid red; box-sizing:border-box; }

.table02 > ul.tb_title { background-color:#2457A8; }
.table02 > ul.tb_title > li { color:#ffffff; padding:10px 5px; }

.img_text > ul > li { float:left; }
.img_text > ul > li.img { width:300px; margin-right:50px; }
.img_text > ul > li.img > img { width:auto; max-width:100%; }
.img_text > ul > li.text { width:calc(100% - 350px); font-size:20px; line-height: }

/* box */
.box1 { width:100%; line-height:22px; text-align:left; color:#555; margin:20px 0; border:1px solid #ebebeb}
.box1_inner {padding: 20px 30px;}
.font3 {font-weight:600; color:#da963c} /* 황토색 */
.font4 {font-weight:normal; color:#ff6666} /* 중요표시 */

ul.svc_code_list { width:100%; }
ul.svc_code_list > li { float:left; width:33%; margin-right:0.5%; }
ul.svc_code_list > li:nth-child(3n) { margin-right:0; }
ul.svc_code_list > li > a { display:inline-block; width:100%; height:50px; font-size:18px; background-color:#f0f0f0; color:#666666; text-align:center; border:1px solid #cfcfcf; box-sizing:border-box; display: flex; align-items: center; justify-content: center; }
ul.svc_code_list > li > a.on { background-color:#2457A8; color:#ffffff; border:1px solid #2e459b; }

.text_list01 { width:100%; display:table; }
.text_list01 > dl { display:table-row; }
.text_list01 > dl > dt { display:table-cell; font-size:20px; color:#fc6c0f; width:130px; padding:7px 0; }
.text_list01 > dl > dd { display:table-cell; font-size:16px; color:#555555; font-weight:500; width:calc(100% - 130px); padding:7px 0; }
.tl1_type2 > dl > dt { width:100px; }
.tl1_type2 > dl > dd { width:calc(100% - 100px); }

.text_list02 { width:100%; display:table; }
.text_list02 > dl { display:table-row; }
.text_list02 > dl > dt { display:table-cell; font-size:16px; color:#555555; font-weight:500; width:20px; padding:7px 0; }
.text_list02 > dl > dd { display:table-cell; font-size:16px; color:#555555; font-weight:500; width:calc(100% - 120px); padding:7px 0; }

.text_list03 { width:100%; }
.text_list03 > dl { padding:0; margin:0 0 10px 0; }
.text_list03 > dl > dt { display:block; width:100%; font-size:16px; color:#555555; padding:0px 0; font-weight:500; color:#000000; }
.text_list03 > dl > dd { display:block; width:calc(100% - 20px); font-size:16px; color:#555555; padding:2px 0px 2px 20px; }
.text_list03 > dl:last-child { margin-bottom:0; }

.sub0101 .ss_info > .ceo_img { float:left; margin:0 60px 50px 0; }
.sub0101 .ss_info > p.font03 { line-height:1.3; margin-top:30px; }

@media ( max-width: 1280px ) {
}

@media ( max-width: 1023px ) {
	.content { width:95%; margin:0 auto; }

	.sub_v .main_visual_txt { top:45% !important; }

	.sub_sec .ss_title01 { font-size:20px; }
	.sub_sec .ss_title01:before { font-size:20px; }

	.cont_tit .page_title01 { font-size:30px; }

	.sub_sec .ss_info { padding:10px 10px; }

	p.font02 { font-size:16px; }
	p.font03 { font-size:15px; }
	
	.sub0101 .sub_sec > ul > li { float:none; }
	.sub0101 .sub_sec > ul > li.tb_left {width:100%; margin-bottom:50px;}
	.sub0101 .sub_sec > ul > li.tb_right {width:100%; margin-left:0; margin-top:0px; }
	.sub0101 .sub_sec > ul > li.tb_right p.font03 { line-height:1.5; }



	ul.svc_code_list > li > a { height:40px; font-size:16px; letter-spacing:-1px; }
}

@media ( max-width: 767px ) {
	.sub_v .main_img_inner { height:300px; }
	.sub_v .main_visual_txt { top:30%;  }
	
	.table01 table tbody td { padding:10px 2px; }
	.table01 table tbody td ul { text-align:left; }
	.table01 table tbody td ul > li { display:block; width:100%; text-align:center; }

	.mapinfo dt{width:100%;text-align:left;}
	.mapinfo dd{width:100%; }

	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:18px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:190px; font-size:15px;}
	.step01 ul li dl dd { font-size:15px; }

	.table02 > ul > li.td01 { width:100%; border-bottom:1px dashed #cccccc; }
	.table02 > ul > li.td02 { width:100%; }
	.table02 > ul > li > ul > li { font-size:15px; }
	.table02 > ul.tb_title > li > ul > li { font-size:14px; }

	.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer { text-align:right; padding-right:20px; margin-top:30px; }

	.img_text > ul > li { float:none; }
	.img_text > ul > li.img { width:100%; margin-right:0; text-align:center; margin-bottom:10px; }
	.img_text > ul > li.text { width:100%; font-size:18px; }

	.text_list01 > dl > dt { font-size:17px; width:100px; padding:5px 0; }
	.text_list01 > dl > dd { font-size:15px; font-weight:normal; width:calc(100% - 100px); padding:5px 0; }
	.tl1_type2 > dl > dt { width:70px; }
	.tl1_type2 > dl > dd { width:calc(100% - 70px); }

	.text_list02 > dl > dt { font-size:15px; width:15px; padding:5px 0; }
	.text_list02 > dl > dd { font-size:15px; width:calc(100% - 15px); padding:5px 0; }

	ul.svc_code_list > li > a { height:40px; font-size:14px; }

	.sub0101 .ss_info > .ceo_img { float:none; width:100%; text-align:center; margin:0 auto 30px auto; }
	.sub0101 .ss_info > p.font03 { line-height:1.3; margin-top:30px; }

}

@media ( max-width: 479px ) {
	.sub_v .main_img_inner { height:250px; }
	.sub_v .main_visual_txt { top:30%; left:5%; max-width:90%; margin-left:0px; }

	.cont_tit .page_title01 { font-size:25px; letter-spacing:-1px; }

	.sub_sec .ss_title01 { font-size:18px; }
	.sub_sec .ss_title01:before { font-size:18px; }

	.info_box { font-size:18px; font-weight:600; padding:10px 10px; } 
	.info_box p { font-size:15px; }

	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:15px; letter-spacing:-1px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:150px; font-size:14px; letter-spacing:-1px;}
	.step01 ul li dl dd { font-size:14px; }

	.table02 > ul > li.td01 .info01 { width:150px; }
	.table02 > ul > li.td01 .info02 { width:calc(100% - 150px); }
	.table02 > ul > li.td02 .info03 { width:50%; }
	.table02 > ul > li.td02 .info04 { width:50%; }

	.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer > .txt_blue { font-size:16px; }
	.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer > .txt_yellow { font-size:15px; }

	ul.svc_code_list > li > a { height:50px; font-size:13px; line-height:1.2; }

}