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

/* 서브비쥬얼 */
.sub_v { margin-top:0px; }
.sub_v .main_img_inner {  }
.sub_v .main_img .main_visual_txt p.visual_text01 { font-size:37px; }

.sub_v .main_visual01 .main_visual_txt { top:30%; }
.sub_v .main_visual02 .main_visual_txt { top:30%; margin-left:100px; }
.sub_v .main_visual03 .main_visual_txt { top:40%;}
.sub_v .main_visual_txt > img { width:100%; }

.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:80px; }
.content .sub_sec:first-child { margin-top:0px; }

.sub_sec .ss_title01 { font-size:23px; font-weight:800; font-family:"NanumSquare", sans-serif; }
.sub_sec .ss_title01:before { content:"● "; color:#2457A8; font-size:23px; }
.sub_sec .ss_title02 { font-size:20px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; margin-bottom:10px; }
.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:center; margin-top:10px;}

.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 .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:30px 20px; text-align:left; } 

.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; }

p.font01 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:30px; word-break:keep-all; }
p.font02 { font-size:30px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:10px; word-break:keep-all; }
p.font03 { font-size:18px; font-family:"NanumSquare", sans-serif; font-weight:400; margin-bottom:10px; 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:1600px; height:450px; margin:0 auto;}

.mapinfo { width:100%; max-width:1600px; 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;}

.table01 { background-color:#ffffff; }
.table01 table { width:100%; padding:0; border-spacing:0;border-top:1px solid #dddddd; }
.table01 table thead th { background-color:#2457A8; 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:#2457A8; color:#ffffff; padding:7px 5px; line-height:1.3; font-weight:600; }
.table01 table tbody td { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; 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; }

.sponsor_banner { width:100%; margin:0 auto; }
.sponsor_banner > li { float:left; width:13%; margin-right:1.5%; text-align:center; padding:0px 0 15px 0; }
.sponsor_banner > li:nth-child(7n) { margin-right:0; }
.sponsor_banner > li img { width:100%; max-width:190px; height:100%; max-height:70px; }

/* 윤리강령*/
.text_wrap { width:100%; max-width:1000px; margin:0 auto; border:1px solid #888888; box-sizing:border-box; background:url(../img/sub0203_bg01.png) no-repeat left top; font-family:"NanumSquare", sans-serif; }
.text_wrap > .text_inner { width:100%; height:auto; background:url(../img/sub0203_bg02.png) no-repeat right bottom; box-sizing:border-box; padding:30px 0 70px 0;}
.text_wrap > .text_inner > .tw_top { width:95%; margin:0px auto; display:table; }
.text_wrap > .text_inner > .tw_top > dl { display:table-row; }
.text_wrap > .text_inner > .tw_top > dl > dt { display:table-cell; width:40%; vertical-align:top; padding-top:30px;}
.text_wrap > .text_inner > .tw_top > dl > dt img { width:auto; max-width:100%; }
.text_wrap > .text_inner > .tw_top > dl > dd { display:table-cell; width:60%; vertical-align:top; padding-left:20px;}
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_title { font-size:25px; width:100%; text-align:center; margin-bottom:20px; font-weight:700; color:#000000; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info { font-size:14px; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info > .tw_info01 { font-size:14px; line-height:1.7; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info > .tw_info02 { font-size:14px; line-height:1.7; font-weight:600; display:table; width:100%; margin:20px auto; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info > .tw_info02 > dl { display:table-row; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info > .tw_info02 > dl > dt { display:table-cell; width:35px; padding-bottom:10px; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_info > .tw_info02 > dl > dd { display:table-cell; width:*; line-height:1.4; padding-bottom:10px; }
.text_wrap > .text_inner > .tw_top > dl > dd > .tw_bottom { font-size:20px; width:100%; text-align:right; font-weight:700; color:#000000; }

.text_wrap > .text_inner > .tw_bottom { width:90%; margin:100px auto 0 auto; }
.text_wrap > .text_inner > .tw_bottom > .tw_title { font-size:25px; width:100%; text-align:center; font-weight:700; color:#ffffff; background-color:#1e72a7; padding:15px 0; }
.text_wrap > .text_inner > .tw_bottom > .tw_info { width:100%; margin:0 auto; border-left:1px dotted #888888; border-bottom:1px dotted #888888; border-right:1px dotted #888888; box-sizing:border-box; padding:30px 0;}
.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap { display:table; margin:0 auto; }
.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl { display:table-row; }
.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl > dt { display:table-cell; width:45px; padding:5px 0; }
.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl > dt > div { width:30px; height:30px; line-height:30px; background-color:#1e72a7; color:#ffffff; text-align:center; border-radius:100%; }
.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl > dd { display:table-cell; width:*; font-size:16px; padding:5px 0; font-weight:600; }


.sub0101 .sub_sec > ul > li {  }
.sub0101 .sub_sec > ul > li.tb_left {float:left;width:30%; height:auto; text-align:center;}
.sub0101 .sub_sec > ul > li.tb_left img {width:auto; max-width:100%; /*box-shadow: 5px 5px 5px #666;filter:drop-shadow(5px 5px 5px #666);*/ }
.sub0101 .sub_sec > ul > li.tb_right {float:right;width:67%; margin-left:3%; height:auto; text-align:left; }
.sub0101 .sub_sec > ul > li.tb_right p { line-height:1.3; }
.sub0101 .sub_sec > ul > li.tb_right p.font03 { margin-top:20px; line-height:1.5; }
.sub0101 .sub_sec > ul > li.tb_right p:first-child { margin-top:0px; }
.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer { text-align:right; padding-right:100px; margin-top:30px; }
.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer > .gf_logo > img { height:38px; }
.sub0101 .sub_sec > ul > li.tb_right p.greeting_footer span.gf_sign { margin-left:20px; }

.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: }

.img_list > ul > li { float:left; width:32%; margin-right:2%; }
.img_list > ul > li:nth-child(3n) { margin-right:0; }
.img_list > ul > li > dl > dt { width:100%; margin-bottom:10px; }
.img_list > ul > li > dl > dd { width:100%; }
.img_list > ul > li > dl > dd > img { width:auto; max-width:100%; }

/* 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; }

@media ( max-width: 1199px ) {

}

@media ( max-width: 1023px ) {
	.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; }

	.content { width:95%; margin:0 auto; }
	

/*
	.table01 { overflow-x:scroll; }
	.table01::-webkit-scrollbar { width: 2px !important; }
	.table01::-webkit-scrollbar-thumb { background: #a9a9a9; }
*/

	.sponsor_banner > li { width:19%; margin-right:1.25%; height:70px; }
	.sponsor_banner > li:nth-child(5n) { margin-right:0; }
	.sponsor_banner > li:nth-child(7n) { margin-right:1.25%; }

	/* 윤리강령*/
	.text_wrap > .text_inner > .tw_top > dl { display:block; }
	.text_wrap > .text_inner > .tw_top > dl > dt { display:block; width:100%; text-align:center;}
	.text_wrap > .text_inner > .tw_top > dl > dd { display:block; width:100%; padding-left:0px; padding-top:50px;}
	.text_wrap > .text_inner > .tw_top > dl > dd > .tw_title { font-size:25px; }
	.text_wrap > .text_inner > .tw_top > dl > dd > .tw_bottom { font-size:20px; }

	.sub0101 .sub_sec > ul > li { float:none; }
	.sub0101 .sub_sec > ul > li.tb_left {width:100%; margin-top:50px;}
	.sub0101 .sub_sec > ul > li.tb_right {width:100%; margin-left:0; margin-top:0px; }

	.img_list > ul > li { width:49%; margin-right:2%; }
	.img_list > ul > li:nth-child(3n) { margin-right:2%; }
	.img_list > ul > li:nth-child(2n) { margin-right:0; }

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

@media ( max-width: 767px ) {
	.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; }

	.sub_v .main_visual01 .main_visual_txt { top:32%; width:200px; }
	.sub_v .main_visual02 .main_visual_txt { top:30%; width:300px; margin-left:100px; }
	.sub_v .main_visual03 .main_visual_txt { top:40%; width:200px;}

	.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; }

	.sponsor_banner > li { width:32%; margin-right:2%; }
	.sponsor_banner > li:nth-child(3n) { margin-right:0; }
	.sponsor_banner > li:nth-child(5n) { margin-right:1.25%; }

	/* 윤리강령*/
	.text_wrap > .text_inner > .tw_top > dl > dt img { max-width:90%; }
	.text_wrap > .text_inner > .tw_top > dl > dd > .tw_title { font-size:22px; }
	.text_wrap > .text_inner > .tw_top > dl > dd > .tw_bottom { font-size:18px; }

	.text_wrap > .text_inner > .tw_bottom { width:90%; margin:70px auto 0 auto; }
	.text_wrap > .text_inner > .tw_bottom > .tw_title { font-size:22px; }
	.text_wrap > .text_inner > .tw_bottom > .tw_info { padding:25px 0;}
	.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap { width:90%; }
	.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl > dt { width:35px; }
	.text_wrap > .text_inner > .tw_bottom > .tw_info > .tw_info_wrap > dl > dd {font-size:15px; }

	.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; }

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

	.box1_inner {padding: 10px 15px;}
}

@media ( max-width: 479px ) {
	.cont_tit .page_title01 { font-size:25px; letter-spacing:-1px; }

	p.font01 { font-size:22px; }
	p.font02 { font-size:22px; }
	p.font03 { font-size:22px; }

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

	.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; }

	.sponsor_banner > li { width:49%; margin-right:2%; }
	.sponsor_banner > li:nth-child(2n) { margin-right:0; }
	.sponsor_banner > li:nth-child(3n) { margin-right:1.25%; }

	.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; }

	.img_list > ul > li { width:100%; margin-right:0; }

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

}