/* top_b */
.top_b { width:100%; float:left; min-width:1200px; background-color:rgba(47,100,148,0.5); position:absolute; top:0; left:0; z-index:9999; }
.top_b > div { width:1200px; margin:0 auto; }
.top_b > div > div { width:100%; display:table; }
.top_b .top_b_conn > .logo { width:50%; display:table-cell; vertical-align: middle; }
.top_b .top_b_conn > .menu { width:50%; display:table-cell; vertical-align: middle; }
.top_b .top_b_conn > .menu > ul { width:100%; float:left;  }
.top_b .top_b_conn > .menu > ul > li { width:33%; float:left; position:relative; color:white; height:103px; text-align:center; }
.top_b .top_b_conn > .menu > ul > li > a { width:100%; height:100%; line-height:103px; display:inline-block; }
.top_b .top_b_conn > .menu > ul > li:hover > ul { display:block; }
.top_b .top_b_conn > .menu > ul > li > ul { display:none; width:100%; position:absolute; top:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color:rgba(0,0,0,0.5); border-bottom:3px solid #2f6494; }
.top_b .top_b_conn > .menu > ul > li > ul > li { width:100%; float:left; height:50px; line-height:50px; border-bottom:1px solid #0c131d;}
.top_b .top_b_conn > .menu a { display:block;color:inherit;transition:.2s }
.top_b .top_b_conn > .menu a:hover {background-color:#2f6494}

/* visual */
.visual { width:100%; float:left; min-width:1200px; height:792px; background-image:url("/img/bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.visual > div { width:1200px; margin:0 auto; height:100%; }
.visual > div > div { width:100%; float:left; height:100%; position:relative; }

.visual .visual_con_1 { width:100%; float:left; position:absolute; top:295px; color:white; text-align:center; }
.visual .visual_con_1 li:nth-child(1) { font-size:27px; font-weight:400; }
.visual .visual_con_1 li:nth-child(2) { font-size:65px; font-weight:bold; letter-spacing: -2px; }

.visual .visual_con_2 { width:100%; float:left; position:absolute; bottom:38px; }

.visual .visual_con_2 > div { width:33.33%; float:left; padding:0 20px; }
.visual .visual_con_2 > div > div { width:100%; height:219px; float:left; padding:35px 30px; background-color:rgba(255,255,255,0.84); min-height:219px; }
.visual .visual_con_2 > div > div > h1 { font-size:23px; font-weight: 600; color:#23568f; margin-bottom:12px;}

.visual .visual_con_2 .visual_conn_2 ul{width:100%;}
.visual .visual_con_2 .visual_conn_2 ul > li {width:100%; float:left; margin:5px 0; text-align:left; line-height:18px;}
.visual .visual_con_2 .visual_conn_2 ul > li span{float:right;}

.visual .visual_con_2 .visual_conn_3 h1{margin-bottom:0;}
.visual .visual_con_2 .visual_conn_3 ul{width:100%;}
.visual .visual_con_2 .visual_conn_3 ul > li { font-size:17px; }
.visual .visual_con_2 .visual_conn_3 ul > li:nth-child(1) { font-size:36px; color:#f37716; font-weight:600; padding-top:10px; padding-bottom:15px;}



/* ½½¶óÀÌ´õ */
#slider_area {position:relative;max-width:100%;margin-top:103px;}
.slider {position:relative;height:700px;}
.main_banner_wrap {float:right;width:300px;height:370px;margin:0 auto;overflow:hidden;}
.main_banner_wrap h2 {display:inline-block;margin:17px 0 18px 54px;padding:0 10px;text-align:center;font-size:24px;font-weight:600;border-bottom:4px solid #dc000a;}
.slider .bxslider li {height:700px;}
.slider .bxslider li img{position:absolute;top:0;left:50%;margin-left:-960px\9;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.slider .bxslider li img.m_visual {display:none;}
.slider .bxslider li > div {position:relative;margin:0 auto;background:red;}
.slider .bxslider li p {position:absolute;color:#333;font-size:20px;line-height:36px;top:170px;background-color:#fff;opacity:0.8;}
.slider .bxslider li p.txt2 {color:#333;top:495px;left:48%;padding:35px;}
.slider .bxslider li p.txt3 {top:215px;left:42%;}
.slider .bxslider li strong {font-size:28px;line-height:40px;display:inline-block;color:#2A3D67;}
.slider .bx-controls {position:absolute;bottom:0;padding-bottom:20px;width:100%;text-align:center;z-index:100;}
.slider .bx-controls .bx-pager-item {display:inline-block;width:55px;height:4px;margin:0 10px;}
.slider .bx-controls .bx-pager-item a {display:block;height:4px;overflow:hidden;background:#fff;-webkit-transition:all .5s;transition:all .5s;}
.slider .bx-controls .bx-pager-item a.active {background:#003a79;}






/* main */
.main { width:100%; float:left; min-width:1200px; }
.main > div { width:1200px; margin:0 auto; }
.main > div > div { width:100%; float:left; }

.main h1.title { text-align:center; font-size:46px; margin:42px 0; }
.main .main_conn_1 { width:100%; float:left; }
.main .main_conn_1 > div { width:25%; float:left; }
.main .main_conn_1 > div > ul { width:100%; float:left; }
.main .main_conn_1 > div > ul > li { width:100%; float:left; text-align:center; }

.main .main_conn_1 > div > ul > li.title { font-size:20px; font-weight:400; margin-top:20px; margin-bottom:15px; font-weight:600;}


/* footer */
.footer { width:100%; float:left; min-width:1200px; margin-top:79px; background-color:#333; }
.footer > div { width:1200px; margin:0 auto;position:relative; }
.footer > div > div { width:55%; display:table; }
.footer > div > div > div:nth-child(1) { width:25%; display:table-cell; vertical-align: middle; height:186px; text-align:center; }
.footer .info {vertical-align: middle; height:100px; color:#999999; }



/* sub */


/* sub_visual */
.sub_visual { width:100%; min-width:1200px; float:left; height:246px; background-image:url("/img/sub_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom:68px;margin-top:103px;}
.sub_visual > div { width:1200px; margin:0 auto; height:100%; }
.sub_visual > div > div { width:100%; float:left; height:100%; position:relative; }
.sub_visual .sub_visual_conn > div {width:100%; position:absolute; bottom:87px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align:center; color:white;}
.sub_visual .sub_visual_conn > div > ul > li{}
.sub_visual .sub_visual_conn > div > ul > li:nth-child(1) { font-size:22px; }
.sub_visual .sub_visual_conn > div > ul > li:nth-child(2) { font-size:40px; font-weight:600;}


/* sub_main */
.sub_main { width:100%; float:left; min-width:1200px; }
.sub_main > div { width:1200px; margin:0 auto; }
.sub_main > div > div { width:100%; float:left; }

.sub_main .left_menu_sub_conn { width:100%; float:left; }

.sub_main .left_menu_sub_conn .sub_page_menu { width:265px; float:left; }
.sub_main .left_menu_sub_conn .sub_page_menu .title { margin-bottom:25px; font-size:33px; }
.sub_main .left_menu_sub_conn .sub_page_menu > ul { width:100%; float:left; border:1px solid #ccc; }
.sub_main .left_menu_sub_conn .sub_page_menu > ul > li { width:100%; float:left; border-bottom:1px solid #e0e0e0;transition:.2s;}
.sub_main .left_menu_sub_conn .sub_page_menu > ul > li:hover { background-color:#2f6494; color:white; }
.sub_main .left_menu_sub_conn .sub_page_menu > ul > li.active { background-color:#2f6494; color:white; }
.sub_main .left_menu_sub_conn .sub_page_menu > ul > li:last-child { border-bottom:none; }
.sub_main .left_menu_sub_conn .sub_page_menu a {display:block; color:inherit; padding:15px 10px;  }


.sub_main .left_menu_sub_conn .sub_content { width:935px; float:left; padding-left:43px;min-height:400px; }
.sub_main .left_menu_sub_conn .sub_content div{padding-bottom:10px;}

.sub_main .sub_nav { width:100%; float:left; margin-bottom:15px; }
.sub_main .sub_nav > ul { width:100%; float:left; }
.sub_main .sub_nav > ul > li { width:50%; }
.sub_main .sub_nav > ul > li:nth-child(1) { float:left; }
.sub_main .sub_nav > ul > li:nth-child(1) > span { font-size:33px; font-weight:600; border-bottom:6px solid #2f6494; padding-bottom:10px;}

.sub_main .sub_nav > ul > li:nth-child(2) { float:right; text-align:right; font-size:13px; color:#666666; }
.sub_main .sub_nav > ul > li:nth-child(2) a { font-size:inherit; color:inherit; }
.sub_main .sub_nav > ul > li:nth-child(2) a:hover { color:black; }


/*c_intro_01*/
.intro_img{ float: right;}
.text_s{float: left; width: 450px;}
.text_s p{}
.text_s p:nth-child(1){font-size: 25px; color: #23568f; padding-bottom: 35px; font-weight:600;}
.text_s p:nth-child(2){font-size: 16px; line-height: 25px;}
.ceo_neme {float: left; clear: both;margin-top:20px;}
.ceo_neme span {font-size:24px;font-weight:600;}
.ceo_neme img{padding-left: 12px;}

/*c_intro_02 ¿¬Çõ */
.intro_02_sub {width:892px; background: url('../img/intro02_img.png') no-repeat; overflow:hidden;}
.intro_02_sub .history{float:left; padding:43px 40px;}
.intro_02_sub .history p{color:#fff; letter-spacing: -1px;}
.intro_02_sub .history p:nth-child(1){font-size:21px;}
.intro_02_sub .history p:nth-child(1) span{font-size:30px;}
.intro_02_sub .his{padding-left: 500px; padding-top: 10px; padding-bottom:8px;background:url('../img/his_line.png') no-repeat 410px 18px;}
.intro_02_sub .his p:nth-child(1){font-size:27px; color:#2f6494;}
.intro_02_sub .his p:nth-child(2){padding-left:8px;line-height: 22px; letter-spacing: -1px;}
.sa_box {margin-top:20px;}
.sa_box h3 {clear:both;padding-left:25px;background:url('../img/icon01.jpg') no-repeat 3px 6px;font-size:24px;color:#000;font-weight:bold;padding-bottom:8px;}
.sa_box ul {padding-left:10px;margin-bottom:20px;}
.sa_box ul li { padding-left:15px; margin-bottom:5px;background:url('../img/icon02.jpg') no-repeat 3px 8px;font-size:16px;   }

/* Á¤°ü */
.jung {clear:both;padding-top:10px;}
.jung h3 {text-align:center;}
.jung h3 span {font-size:32px;font-weight:600;padding:10px;border-bottom:3px solid #2f6494;}
.jung h4 {font-size:24px;font-weight:500;margin:20px 0;text-align:center;}
.jung p {font-size:20px;}
.jung p.jo1 {margin:10px;}
.jung span {display:block;padding:5px 20px;}
.jung span.jo2 {padding-left:20px;}
.jung span.jo3 {padding-left:40px;}
.jung p.right {font-size:18px;margin-top:40px;text-align:right;}



/*intro_03*/
.intro_03_sub{}
.intro03_map{width:892px; border-top:2px solid #23568f;border-bottom:1px solid #23568f;margin-top:20px;height:auto;overflow:hidden; font-size:16px; color:#333;}
.intro03_map ul{border-bottom: 1px solid #ccc;}
.intro03_map ul:last-child{border-bottom:0;}
.intro03_map ul .head{width:20%;float: left; float:left;padding:20px 0px;color:#23568f;font-weight:500;padding-left:100px;}
.intro03_map .con{width: 100%; padding:20px 0px; }
.intro03_map .col{float:left;padding:20px 0px;}
.intro03_map .bus{padding:20px 0 20px 100px; }
.intro03_map .bus li{float:left; padding-right:30px;}
.intro03_map .bus span{display: block; width: 79px; height: 24px; background: #23568f; border-radius: 25px; text-align: center; color: #fff; line-height: 24px;}

/*business01*/
.business_sub{width:100%; overflow:hidden;}
.business_sub ul{height: 305px;}
.business_sub ul{border-bottom:1px dotted #333; padding: 40px 0 0;}
.business_sub ul:last-child{border-bottom:0; padding: 40px 0 0;}
.business_sub ul li:nth-child(1){float: left;}
.business_sub ul li:nth-child(2){float: right;}
.business_sub ul li p{line-height: 25px; letter-spacing: -1px;}

.business_sub ul li:nth-child(1) p:nth-child(1){font-size: 23px; color: #23568f; font-weight: bold; padding-bottom: 40px; padding-top: 20px;}
.business_sub ul li:nth-child(1) p:nth-child(2){line-height: 25px; letter-spacing: 0px;}

.business_sub ul li:nth-child(2) p:nth-child(1){font-size: 23px; color: #23568f; font-weight: bold; padding-bottom: 40px; padding-top: 15px;}
.business_sub ul li:nth-child(2) p:nth-child(2){line-height: 25px;}

/*cs*/
.form_wrap{width:100%;}
.form_wrap form{width:100%;}
.form_wrap table{ border-bottom:1px solid #dcdcdc; border-collapse: separate;}
.form_wrap tr{}
.form_wrap th{width:150px; height:40px; font-size:14px; padding:8px 0; color: #666;
 				text-align:center; background-color:#f5f5f5; border-top:1px solid #dcdcdc;}
.form_wrap td{display: table-cell; height:30px;font-size:14px; border-top:1px solid #dcdcdc; padding:0 5px;}
.form_wrap td input{width:100%; box-sizing:border-box; height:25px; margin:0; padding:0 5px; font-size:13px; border:1px solid #f9f9f9; line-height:normal;}
.form_wrap #btn01{width:80px; height:25px; background:#3368a0; color:#fff; text-align:center; margin-left:10px;}
.form_wrap textarea{ margin:5px;border: 1px solid #f9f9f9;}

.form_wrap .agree_box{margin:20px 0; width:100%; background:#f5f5f5; padding:30px; text-align:left;}
.form_wrap .agree_box ul{width:100%; margin-bottom:20px;}
.form_wrap .agree_box ul li{width:100%; font-size:14px; color:#666;}
.form_wrap .agree_box ul li:first-child{font-size:14px; font-weight:600; color:505050;}

.check{width:100%; margin:0 auto; text-align:center;}

.box{width:100%; margin-top:30px;}
.box ul{width:100%;}
.box ul li{width:50%; float:left; text-align:center;}
.box ul li #app_btn{width:50%; height:50px; background:#3368a0; color:#fff; font-size:14px; float:right; margin-right:5px;}
.box ul li #cancle_btn{width:50%; height:50px; background:#666; color:#fff; font-size:14px; float:left; margin-left:5px;}

/*bbs*/
.basic_list{width:100%; overflow:hidden;}
.basic_list table{ border-collapse: collapse; table-layout: fixed;}
.basic_list th{width:100%; height:50px; font-size:14px; box-sizing:content-box; background: #f0f0f0; border-top:1px solid #dcdcdc;
				border-bottom: 1px solid #ececec;  font-weight: bold; color:#333;}
.basic_list td{width:100%; color:#666; height:40px; text-align:center; border-bottom:1px solid #dcdcdc;}

.basic_paging{width:100%; float:left; padding:31px 0;}
.basic_paging ul{width:100%; float:left; text-align:center;}
.basic_paging ul li{width:auto; display:inline-block; border:1px solid #ccc; margin:0 5; padding:5px 8px; font-size:13px; color:#666;}

.basic_search{width:100%; float:left;}
.basic_search ul{width:100%; float:left; text-align:center; padding:24px 0;}
.basic_search ul li:nth-child(1){width:148px; display:inline-block;}
.basic_search ul li:nth-child(2){width:308px; display:inline-block; margin:0 14px 0 12px;}
.basic_search ul li:nth-child(3){width:100px; display:inline-block;}
.basic_search ul li * {width:100%; float:left; height:33px; border:1px solid #ccc;}
.basic_search ul li button{background:#999; border:1px solid #999; color:#fff;}


table {width:100%;border-collapse:collapse;word-break:break-all;}
.blind, legend, caption {display:none;}
table.mana_table {margin-top:20px;}
table.mana_table th {padding:14px 0;background:#034ea1;color:#fff;font-size:16px;border:1px solid #c5cdd3;font-weight:400;}
table.mana_table td {padding:14px 0;text-align:center;border:1px solid #c5cdd3;}
table.mana_table td strong {font-size:18px;}
table.mana_table td.tl {text-align:left;padding-left:20px;}


/* ±âºÎÇöÈ² */
h4.gibu_tit {font-size: 25px; color: #23568f; padding:15px 0; font-weight:600;}
.gibu_wrap {padding:10px;background-color:#f5f5f5;}
.gibu_box {padding:10px;background-color:#fff;}
.gibu_box p {font-size:16px;letter-spacing:0;}
.gibu_box p.banking {font-size:25px;text-align:center;margin-top:20px; color: #23568f; }
.result_wrap p.right {font-size:18px;text-align:right;}
.result_wrap h4 {margin:20px;font-size:24px;color: #23568f;text-align:center;}


/* ¹è³Ê */
#banner {padding:40px 0 50px;}
.banner_wrap {position:relative; clear:both;width:1200px; padding:10px 0; margin:0 auto;  }
.banner_wrap * {margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
.banner_wrap > div {background: linear-gradient(90deg, rgb(31, 91, 171) 0px, rgb(47, 160, 229));transition: all 0.8s ease;-webkit-transition: all 1s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
/* .banner_wrap > div:hover {transform: translateY(-15px);} */
.banner_wrap > div > div {padding:30px;}
.banner_wrap > div > div h4 {margin-bottom:12px;font-size:1.5rem;line-height:1.75rem;color:#1f5bab;font-weight:600;}
.banner_wrap > div > div > ul {padding:0 10px;}
.banner_wrap > div > div > ul > li {margin:5px 0 ;font-size:16px;}
.banner_wrap > div > div > ul > li > a {font-size:1.25rem;transition:.2s}
.banner_wrap > div > div > ul > li > a:hover {padding-left:5px;}
.banner_wrap .bann_inner {position:relative;}
.banner_wrap > div > div p {position:absolute;bottom:10px;right:10px;text-align:center;}
.banner_wrap .bann-box1 { position:relative; float:left; width:33%;background: linear-gradient(90deg, rgb(31, 91, 171) 0px, rgb(47, 160, 229));}
.banner_wrap .bann-box1 div { height:200px; background:#fff ; border:1px solid #d5d6d9; margin-top:4px; box-shadow: 0 46px 49px -40px , 0 242px 102px -220px;}
.banner_wrap .bann-box2 { position:relative; float:left; width:32%;margin-left:1.5%;background: linear-gradient(90deg, rgb(138, 137, 137) 0px, rgb(201, 204, 206));}
.banner_wrap .bann-box2 div { height:200px; background:#fff ; border:1px solid #d5d6d9; margin-top:4px; box-shadow: 0 46px 49px -40px , 0 242px 102px -220px;}
.banner_wrap .bann-box3 { position:relative; float:left; width:32%;margin-left:1.5%;background: linear-gradient(90deg, rgb(241, 160, 11) 0px, rgb(247, 106, 23));}
.banner_wrap .bann-box3 div { height:200px; background:#fff ; border:1px solid #d5d6d9; margin-top:4px; box-shadow: 0 46px 49px -40px , 0 242px 102px -220px;overflow:hidden;}
.banner_wrap .bann-box3 ul {width:100%;}
.banner_wrap .bann-box3 ul > li {width:100%;float:left;margin:5px 0; text-align:left;line-height:18px;}
.banner_wrap .bann-box3 ul > li span {float:right;}
.banner_wrap .bann-box3 ul > li em {font-size:14px;}
/* .banner_wrap .bann_inner {position:relative;float:left; width:85%; margin:30px 8%; padding:0 10px} */
/* .banner_wrap .bann_inner h4 {float:left;width:100%; font-size:21px; line-height:24px; color:#444; margin-bottom:20px;} */
/* .banner_wrap .bann_inner p {float:left;width:100%; font-size:15px; line-height:21px; color:#777; font-family: 'NanumBarunGothic';} */
/* .banner_wrap .bann_inner p {float:left;width:100%; margin-top:15px;padding-left:15px;font-size:1.1rem;line-height:1.65rem; color:#777; font-weight:400;} */
/* .banner_wrap .bann_inner img { position:absolute; right:5%; bottom:10%;} */
p.ico span { background-color:#2f6494; color:white; width:50px; height:50px; display:inline-block; border-radius: 50%; }
p.ico span i{font-size:20px; text-align:center; line-height:50px; }

/* ÇªÅÍ */
.footer .list {font-size:0;text-align:left;line-height:18px;height:60px;padding:21px 0 22px 0;box-sizing:border-box;}
.footer .list li {display:inline-block;line-height:18px;padding-right:13px;}
.footer .list li + li {}
.footer .list li + li:before {content:"";display:inline-block;width:2px;height:2px;background:#fff;vertical-align:top;margin:10px 11px 0 0;padding:0;}
.footer .list li a {font-size:16px;font-weight:400;color:#fff;}
.agree_item, .privacy_item {clear:both;margin-top:35px;border:1px solid #ccc;background-color:#f7f7f7;}
.agree_box p, .privacy_box p {padding:15px 25px;}
.agree_item p, .privacy_item p {padding:15px 25px;margin:8px;border:1px solid #ddd;background-color:#fff;line-height:1.8;}
.agree_check, .privacy_check {margin:10px 0 ;}
.agree_check label, .privacy_check label {font-size:14px;cursor:pointer;}
.agree_btn {margin:20px 0; text-align:center;}
.agree_btn a {display:inline-block;margin:0 5px;padding:5px 20px;height:32px;line-height:32px;border:1px solid #dc000a;font-size:14px;font-weight:bold;color:#fff;background-color:#dc000a;letter-spacing:-1px;}
.agree_btn a:hover {color:#333;background-color:#fff;}

/* ÀÌ»çÁø ¼Ò°³ */
.isa_ul {margin-top:20px;}
.isa_ul li {display:inline-block;width:49%;padding:2px;border:3px solid #2f6494;margin-bottom:5px;}
.isa_ul img {float:left;padding:5px;}
.isa_ul dl {margin:0;line-height:22px;}
.isa_ul dl dt {display:inline-block;width:42px;text-transform:uppercase;color:#4D8DBE;font-weight:bold;float:left;margin:0 3px;}
.isa_ul dl dd {letter-spacing:-1px;}


/* quick_menu */
#quick{
	height:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:120;
}
#quick .qk-title{
	width:180px;
	background: #2f6494;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:13px 0;
}
#quick .qk_btn{
	position:absolute;
	top:40%;
	right:125px;
	border:1px solid #dfdfdf;
	box-shadow: 3px 1px 7px 0px #ebebeb;
}
#quick .qk_btn a{
	display:inline-block;
	text-align:center;
	padding: 12px 0;
	color:#333;
}
#quick .tabsTab{
	background:#fff;
	text-align:center;
}
#quick i{
	display:block;
}

