@charset "UTF-8";

.hidden,small { display:none; }

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.img_block {margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

.wrap-main section {
	/*background:url("/res/images/mainVisual.jpg") no-repeat center top; height:678px;*/
}

.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1000px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }
section.layout:after { display:block; content:""; clear:both; }

.sz_input::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #000000;
	opacity:  0.4;
	font-size:16px;
	font-weight:350;
}
input.sz_input:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #000000;
   opacity:  0.4;
   font-size:16px;
   font-weight:350;
}
input.sz_input::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #000000;
   opacity:  0.4;
   font-size:16px;
   font-weight:350;
}
input.sz_input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #000000;
   opacity:  0.4;
   font-size:16px;
   font-weight:350;
}
input.sz_input::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #000000;
   opacity:  0.4;
   font-size:16px;
   font-weight:350;
}

/* 헤더영역 시작 */

.black_bg2 { width:100%; max-width:1919px; min-width:1200px; height:100%; background:rgba(0,0,0,.55); margin:0 auto; position:fixed; left:0; top:0; right:0; z-index:10; display:none; }

.top_wrap { width:100%; max-width:1919px; min-width:1200px; height:171px; margin:0 auto; }
	.top_first { width:1200px; height:110px; margin:0 auto; position:relative; }
		.logo { position:absolute; top:40px; left:0; cursor:pointer; }
		.search_zone { width:330px; height:44px; position:absolute; right:189px; top:32px; box-sizing:border-box; border-bottom:2px solid #080808; }
			.sz_input { width:286px; height:42px; font-size:14px; float:left; box-sizing:border-box; border:0; padding-left:20px; }
			.sz_submit { position:absolute; top:8px; right:10px; cursor:pointer; }
		.topright { position:absolute; right:0; top:42px; }
		.topright > li { float:left; padding:0 20px; background:url('/res/images/top/rightbg.png') no-repeat right center;}
		.topright > li:first-child { padding-left:0; }
		.topright > li:last-child { padding-right:0; background:none; }
		.topright > li > span { color:#666666; font-size:16px; font-weight:300; cursor:pointer; }
	.top_second_wrap { width:100%; max-width:1919px; min-width:1200px; height:61px; background:linear-gradient(to right, #2d3e9b, #0da2d9); position:relative; z-index:10; }
		.top_second { width:1200px; height:100%; margin:0 auto; text-align:left; position:relative; }
		.top_second > .cate_menu { width:220px; height:100%; background:url('/res/images/top/cate.png') no-repeat 44px center, #1e3b7c; text-align:left; cursor:pointer; float:left; }
		.top_second > .cate_menu > span { font-size:17px; font-weight:400; line-height:61px; color:#fff; padding-left:83px; }
		.top_second > .menu { display:inline-block; position:relative; }
		.top_second > .menu > li { float:left; text-align:center; margin-left:42px; cursor:pointer; }
		.top_second > .menu > li:nth-child(1) { margin-left:45px; }
		.top_second > .menu > li > span { font-size:17px; font-weight:400; line-height:61px; color:#fff; letter-spacing:-0.085em; }
			.white_bar { width:30px; height:2px; background:#fff; position:absolute; left:0; /* margin-left:-15px; */ bottom:0; display:none; }

			.cate_menulist { width:1200px; height:930px; background:#fff; box-sizing:border-box; border:1px solid #d4d4d4; padding:21px 51px 0; position:absolute; left:0; top:61px; z-index:10; display:none; }
				.cate_Bmenu { width:189px; height:100%; float:left; text-align:left; }
				.cate_Bmenu > ul { display:inline-block; }
				.cate_Bmenu > ul > li { width:189px; height:77px; box-sizing:border-box; text-align:left; border-bottom:1px solid #e5e5e5; }
				.cate_Bmenu > ul > li:nth-child(2) { height:106px; }
				.cate_Bmenu > ul > li:nth-child(7) { height:106px; }
				.cate_Bmenu > ul > li:last-child { border-bottom:0; }
				/* .cate_Bmenu > ul > li > span { font-size:17px; font-weight:400; line-height:76px; color:#212121; cursor:pointer; } */
				.cate_Bmenu > ul > li  { font-size:16px; font-weight:300; line-height:76px; color:#0000ff; cursor:pointer; }

				.cate_Smenu { width:907px; height:100%; float:left; text-align:left; }
					.Smenu_wrap { width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #e5e5e5; padding-left:65px; }
					.Smenu_wrap > ul { display:inline-block; }
					.Smenu_wrap > ul > li { float:left; margin-left:13px; }
					.Smenu_wrap > ul > li:first-child { margin-left:0; }
					.Smenu_wrap > ul > li > a { text-decoration:none; font-size:17px; font-weight:300; line-height:38px; color:#737373; letter-spacing:-0.025em; }
					.Smenu_wrap > ul > li > a:hover,
					.Smenu_wrap > ul > li.on > a { color:#1e3b7c; border-bottom:1px solid #1e3b7c; }
					
					/* .Smenu_wrap2 li { margin-top:3px; height:27px; } */
					.Smenu_wrap2 li:nth-child(11) { margin-left:0; }
					.Smenu_wrap11 li:nth-child(11) { margin-left:0; }
					/* .Smenu_wrap2 li > a { line-height:27px !important; } */

					.Smenu_wrap8 > ul > li > a { letter-spacing:-0.05em; }

					.Smenu_wrap1 { height:77px; }
					.Smenu_wrap2 { height:106px; padding-top:14px; }
					.Smenu_wrap3 { height:77px; padding-top:19px; }
					.Smenu_wrap4 { height:77px; padding-top:19px; }
					.Smenu_wrap5 { height:77px; padding-top:19px; }
					.Smenu_wrap6 { height:77px; padding-top:19px; }
					.Smenu_wrap7 { height:77px; padding-top:19px; }
					.Smenu_wrap8 { height:77px; padding-top:19px; }
					.Smenu_wrap9 { height:77px; padding-top:19px; }
					.Smenu_wrap10 { height:77px; padding-top:19px; border-bottom:0; }
					.Smenu_wrap11 { height:106px; padding-top:19px; }

					.cate_close { position:absolute; right:-1px; bottom:-1px; cursor:pointer; }


			.right_cate { width:220px; height:450px; background:#fff; box-sizing:border-box; padding:13px 1px 0px; position:absolute; left:0; top:61px; z-index:5; text-align:center; }
			.right_cate > ul { display:inline-block; width:100%; }
			.right_cate > ul > li { width:100%; height:50px; background:#fff; text-align:left; box-sizing:border-box; padding-left:30px; position:relative; }
			
			.right_cate > ul > li:hover,
			.right_cate > ul > li.on { background:#1e3b7c; }
			
			.right_cate > ul > li > ul { display:none; position:absolute; right:-211px; top:0; width:210px; background:#fff; padding:26px 0 15px 26px; box-sizing:border-box; border:1px solid #d4d4d4; }
			.right_cate > ul > li > ul > li { display:block; padding-bottom:11px; }
			.right_cate > ul > li > ul > li > a { text-decoration:none; font-size:15px; font-weight:300; line-height:22px; color:#595959; box-sizing:border-box; }
			.right_cate > ul > li > ul > li > a:hover { border-bottom:1px solid #1e3b7c; color:#1e3b7c; }

			.right_cate > ul > li > span { display:inline-block; width:100%; font-size:17px; font-weight:300; line-height:50px; letter-spacing:-0.05em; cursor:pointer; }

			.right_cate > ul > li:hover > span,
			.right_cate > ul > li.on > span { color:#fff; }
		

/* 헤더영역 끝 */

/*메인 영역 시작*/

hearder.layout {width:100%; height:485px; padding:0; margin:0 auto; text-align:center; }

.mainvisual_wrap { width:100%; max-width:1919px; min-width:1200px; height:450px; margin:0 auto; position:relative; z-index:5; }

.banner_wrap { width:100%; max-width:1919px; min-width:1200px; height:210px; margin:0 auto; }
	.banner_area { width:1200px; height:100%; margin:0 auto; text-align:center; box-sizing:border-box; padding-top:40px; }
	.banner_area > ul { display:inline-block; }
	.banner_area > ul > li { float:left; margin-left:30px; cursor:pointer; }
	.banner_area > ul > li:first-child { margin-left:0; }

.m1_item_wrap { width:100%; max-width:1919px; min-width:1200px; height:530px; margin:0 auto; background:#f7f7f7; }
	.m1_item_area { width:1200px; height:100%; margin:0 auto; text-align:center; }
		.m1_title { width:100%; height:139px; position:relative; text-align:center; }
		.m1_title > p { font-size:43px; font-weight:400px; color:#121212; padding-top:47px; }

.m2_item_wrap { width:100%; max-width:1919px; min-width:1200px; height:530px; margin:0 auto; background:#fff; }
	.m2_item_area { width:1200px; height:100%; margin:0 auto; }
		.m2_title { width:100%; height:139px; position:relative; text-align:center; }
		.m2_title > p { font-size:43px; font-weight:400px; color:#121212; padding-top:47px; }

.m3_item_wrap { width:100%; max-width:1919px; min-width:1200px; height:530px; margin:0 auto; background:#f7f7f7; }
	.m3_item_area { width:1200px; height:100%; margin:0 auto; }
		.m3_title { width:100%; height:139px; position:relative; text-align:center; }
		.m3_title > p { font-size:43px; font-weight:400px; color:#121212; padding-top:47px; }

.m4_item_wrap { width:100%; max-width:1919px; min-width:1200px; height:530px; margin:0 auto; background:#fff; }
	.m4_item_area { width:1200px; height:100%; margin:0 auto; }
		.m4_title { width:100%; height:139px; position:relative; text-align:center; }
		.m4_title > p { font-size:43px; font-weight:400px; color:#121212; padding-top:47px; }

		.more_btn { width:130px; height:43px; border-radius:22px; background:#fff; position:absolute; right:0; top:48px; text-align:left; }
		.more_btn > a { display:inline-block; width:100%; height:100%; text-decoration:none; }
		.more_btn > a > span { font-size:16px; font-weight:300; color:#6b6b6b; line-height:43px; padding-left:16px; }
		.more_btn > a > img { margin:7px 0 0 0px; display:inline-block; vertical-align:top; }

.customer_wrap { width:100%; max-width:1919px; min-width:1200px; height:208px; margin:0 auto; box-sizing:border-box; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
	.customer_area { width:1200px; height:100%; margin:0 auto; }
		.cs_center { width:448px; height:100%; float:left; text-align:left; box-sizing:border-box;  padding-top:39px; }
		.office_hours { width:246px; height:100%; float:left; box-sizing:border-box; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:left; padding-top:39px; padding-left:46px; }
		.bank_info { width:448px; height:100%; float:left; text-align:left; box-sizing:border-box; padding-top:39px; padding-left:44px; }
			.customer_title { font-size:16px; font-weight:bold; line-height:20px; letter-spacing:0.05em; color:#212121; }
			.cut_bar { width:30px; height:2px; background:#212121; margin:16px 0 0px; }

.map_wrap { width:100%; max-width:1919px; min-width:1200px; height:500px; margin:0 auto; overflow:hidden; position:relative; }

/*메인 영역 끝*/

/*서브 영역 시작*/

.subvisual { width:100%; max-width:1919px; min-width:1200px; height:330px; margin:0 auto; }

.subtitle_wrap { width:100%; max-width:1919px; min-width:1200px; height:150px; margin:0 auto; }	
	.subtitle_area { width:1200px; height:100%; margin:0 auto; text-align:center; }
		.tit_p1 { font-size:43px; font-weight:400px; color:#121212; padding-top:48px; }

.page9_top { width:1200px; height:507px; margin:0 auto 50px; }
	.page9_topimg { width:100%; height:406px; background:url('/res/images/page9.jpg') no-repeat center top; }
		.page9_tap { width:100%; height:101px; box-sizing:border-box; padding-top:40px; text-align:center; }
		.page9_tap > ul { display:inline-block; }
		.page9_tap > ul > li { width:291px; height:61px; display:table; float:left; margin-left:10px; text-align:center; background:url('/res/images/tap.jpg') no-repeat center top; cursor:pointer; }
		.page9_tap > ul > li:first-child { margin-left:0; }
		.page9_tap > ul > li:hover,
		.page9_tap > ul > li.on { background:url('/res/images/tap_on.jpg') no-repeat center top; }
		.page9_tap > ul > li > span { font-size:18px; font-weight:300; color:#4c4c4c; display:table-cell; vertical-align:middle; text-align:left; }
		.page9_tap > ul > li:hover > span,
		.page9_tap > ul > li.on > span { color:#fff; }
		.page9_tap > ul > li > span > p { font-size:18px; font-weight:300; line-height:20px; color:#4c4c4c; }
		.page9_tap > ul > li:hover > span > p,
		.page9_tap > ul > li.on > span > p { color:#fff; }

section.layout .content { float:right; width:1200px; }
section.layout .content header { width:1200px; height:38px; margin-top:17px;}

.boardarea {width:1200px; margin:0px auto 100px; padding:0;}

.block { width:75px; height:15px; display:block; padding-top:50px; padding-left:764px;}
/*서브 영역 끝*/

/* 카피 */

.copy_wrap { width:100%; max-width:1919px; min-width:1200px; height:194px; margin:0 auto; }
	.copy_link { width:100%; max-width:1919px; min-width:1200px; height:56px; box-sizing:border-box; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
	.copy_link > div { width:1200px; height:100%; margin:0 auto; text-align:left; box-sizing:border-box; padding-top:15px; }
	.copy_link > div > ul { display:inline-block; }
	.copy_link > div > ul > li { float:left; }
	.copy_link > div > ul > li.bar { width:1px; height:13px; background:#bebebe; margin:6px 17px 0; }
	.copy_link > div > ul > li > span { font-size:16px; font-weight:300; color:#383838; cursor:pointer; letter-spacing:-0.025em; }

	.copy_right_wrap { width:100%; max-width:1919px; min-width:1200px; height:138px; background:#f7f7f7; }
		.copy_right { width:1200px; height:100%; margin:0 auto; text-align:left; box-sizing:border-box; padding-top:26px; }
		.copy_right > div { font-size:0; }
		.copy_right > div > ul { display:inline-block; }
		.copy_right > div > ul > li { float:left; }
		.copy_right > div > ul > li.bar { width:1px; height:13px; background:#bdbdbd; margin:8px 17px 0; }
		.copy_right > div > ul > li > span { font-size:16px; font-weight:300; line-height:27px; color:#666666; letter-spacing:-0.025em; }