@charset "utf-8";
@import url("./common.css");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");

	
@font-face {
    font-family: 'ChosunNm';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.ttf') format("truetype");
    font-display: swap;
}


@font-face {
    font-family: 'TwayAir';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.ttf') format("truetype");
    font-display: swap;
} 


@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}


	
	body {position:relative; font-family:'KoPubWorldDotum', 'Noto Sans KR',sans-serif;  }

	.default_layout {position:relative; width:1250px; margin:0 auto; clear:both; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%; }


	/* 헤더 */
	#header {height:90px; z-index:99;  min-width:1250px;   background:#fff;  }

	
	#header .default_layout{overflow:hidden; position:relative;}

	/* 로고 */
	#header h1#logo {text-align:left; position:absolute; left:0px; top:0px; z-index:1; line-height:90px; color:#fff; }
	#header h1#logo a{color:#398941; display:inline-block;line-height:80px; font-family: Sunflower; }
	#header h1#logo a span.text{display:block; font-size:16px;}
	#header h1#logo a img {vertical-align:middle;}

	
	/*상단메뉴*/
	#topMenu {position:relative; display:inline-block; float:right; margin-right:370px; }
	#topMenu li.menu_list {display:inline-block; position:relative;}
	#topMenu li.menu_list a.depth_link {display:block; font-size:20px;  padding:0 30px; color:#000; line-height:90px; position:relative;}

	#topMenu li.menu_list a.menu_on {color:#226d98; }

	#topMenu li div.depth_box {display:none; position:absolute; top:90px; left:50%; margin-left:-60px; width:160px; background:#226d98;}
	#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#fff; padding:0 10px; line-height:40px; border-bottom:1px solid #444;}
	#topMenu li div.depth_box ul li a:hover { font-weight:bold; color:#fff;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth {display:none; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a {display:block;line-height:30px; color:#949494;}




	#header .cs_call_num {position:absolute;  z-index:2;  right:0px; top:22px; background:url(../images/common/header_csnum_bg.png?2019) left 50% no-repeat; min-height:60px;}
	#header .cs_call_num dl {padding-left:70px;}
	#header .cs_call_num dl dt{font-size:14px; color:#656565;}
	#header .cs_call_num dl dd{font-size:24px; color:#367ba9; font-family: "Do Hyeon";}



	/*대출상품안내*/
	.type_list {margin-top:80px;}
	.type_list h4 {font-size:40px; font-weight:normal;}
	.type_list h4 span {color:#367ba9}


	.main_bohum_list {overflow:hidden; margin-top:30px;}
	.main_bohum_list li.list{float:left; margin-right:15px; width:300px;  }
	.main_bohum_list li.list:nth-child(4n) {margin-right:0px; margin-bottom:20px;}
	.main_bohum_list li.list .box{padding:20px; border:1px #ddd solid;  position:relative;}
	.main_bohum_list li.list:hover .box{border-color:#367ba9; }

	.main_bohum_list li.list .title {font-size:28px; padding:40px 0px; line-height:30px;  color:#000; }
	.main_bohum_list li.list .title span.text {display:block; margin-top:5px; padding-bottom:20px; line-height:20px; height:40px; overflow:hidden; font-size:15px; color:#777;  border-bottom:2px #367ba9 solid;}

	.main_bohum_list li.list .info_box {}
	.main_bohum_list li.list .info_box ul li{position:relative;  font-size:15px; color:#888; margin-bottom:10px;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
	.main_bohum_list li.list .info_box ul li span{color:#000; font-size:14px; display:block; font-weight:bold;}
	.main_bohum_list li.list .btns {margin-top:15px;}
	.main_bohum_list li.list .btns a{display:block; line-height:55px; color:#fff; text-align:center; font-size:16px; background:#367ba9;}




	

	/*우측배너*/
	.right_wing_banner_wrap {position:fixed; width:200px; right:20px; top:120px; z-index:999999; }
	.right_wing_banner_wrap h3 {background:#555;   padding:45px 25px;; color:#fff; font-weight:normal; text-align:center;}
	.right_wing_banner_wrap h3 .t0 {font-size:16px; letter-spacing:-1px; }
	.right_wing_banner_wrap h3 .t1 {font-size:12px; font-weight:normal; line-height:16px; color:rgba(255,255,255,0.6)}
	.right_wing_banner_wrap h3 .t2 {font-size:22px; margin-top:10px; color:#ffd15d;}

	.right_wing_banner_wrap .right_wing_banner_wrap_box { box-shadow:0px 0px 3px rgba(0,0,0,0.3)}
	.right_wing_banner_wrap .info_box {background:#f8f8f8;   padding:15px; }
	.right_wing_banner_wrap .info_box dl {margin-bottom:10px;}
	.right_wing_banner_wrap .info_box dl dt {font-size:13px;}
	.right_wing_banner_wrap .info_box dl dd input[type="text"]{background:#fff; border:1px #ddd solid; padding:0 4%; width:91.8%; height:30px; line-height:30px;}
	.right_wing_banner_wrap .info_box dl dd select{background:#fff; border:1px #ddd solid;width:172px;; height:30px; line-height:30px; margin-bottom:5px;}
	.right_wing_banner_wrap .info_box dl.last dd input[type="text"]{ width:32px;}
	.right_wing_banner_wrap .info_box dl dd textarea {background:#fff; border:1px #ddd solid; width:90.8%; height:58px; padding:6px 4%;}
	.right_wing_banner_wrap .info_box dl.last {margin-bottom:0px;}
	.right_wing_banner_wrap ::-webkit-input-placeholder {color:#999; font-size:11px;}
	.right_wing_banner_wrap ::-moz-placeholder {color:#999; font-size:11px;}
	.right_wing_banner_wrap :-ms-input-placeholder {color:#999; font-size:11px;}
	.right_wing_banner_wrap :-moz-placeholder {color:#999; font-size:11px;}


	.right_wing_banner_wrap .agree { font-size:11px;  text-align:left; margin-top:10px;}
	.right_wing_banner_wrap .agree .show_agree {margin-left:6px; display:inline-block; line-height:14px; padding:1px 2px; background:#666; color:#fff;}
	.right_wing_banner_wrap .agree .hidden_text {height:80px; background:#fff; border:1px rgba(255,255,255,0.3) solid; display:none;overflow:hidden; overflow-y:auto; padding:5px; font-size:10px;}
	.right_wing_banner_wrap .btns {}
	.right_wing_banner_wrap .btns input[type="submit"]{line-height:58px; background:#444; border:0px; text-align:center; width:100%; color:#fff; font-weight:bold;}
	.right_wing_banner_wrap .kakao_id {background:#ffd800 url(../images/common/kakao_bg.png) 44px 60% no-repeat; background-size:20px; text-align:center;  margin-top:10px; padding:18px 0px; color:#3a3a3a;}
	.right_wing_banner_wrap .kakao_id .box {padding-left:14px; font-weight:bold; font-size:13px;}
	.right_wing_banner_wrap .kakao_id .t1{font-size:11px; line-height:16px;}
	.right_wing_banner_wrap .kakao_id .t2{font-size:13px;  line-height:18px;}

	.right_wing_banner_wrap .talk_banner_div { margin-top:5px; background:#00c73c;}

	.right_wing_banner_wrap .talk_expose_green { border-color:#00c73c !important;}




	#footerGroup {position:relative; background:#f8f8f8; padding:30px 0px; margin-top:40px;}


	#footerGroup .f_util {overflow:hidden; position:relative; text-align:center; }
	#footerGroup .f_util .f_name{position:absolute; left:0px;top:0px; font-size:20px; color:rgba(0,0,0,0.7); }
	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
	#footerGroup .f_util li a{margin-right:10px; line-height:25px; padding-bottom:8px; display:block;color:rgba(0,0,0,0.7);  }


	#footerGroup .footer { font-size:12px; position:relative;  color:rgba(0,0,0,0.8); ; text-align:center; }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(0,0,0,0.7); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(0,0,0,0.7);}


	#footerGroup .footer_help .title {font-size:20px; color:rgba(0,0,0,0.8); ;  font-weight:bold; margin:15px 0px; text-align:center; border-top:1px rgba(0,0,0,0.1) solid; padding-top:15px;}
	#footerGroup .footer_help .title strong {color:#962525;}
	#footerGroup .footer_help .title span {display:block;}
	#footerGroup .footer_help .info {font-size:20px; color:rgba(0,0,0,0.8); ;  font-size:13px; line-height:18px;  text-align:center;}
	#footerGroup .footer_help .info span {color:#962525}

	#footerGroup .tail_quick_btn {display:none;}




	@media all and (max-width:1024px) {

		body {min-width:100%; }
		.default_layout {width:100%; }

		#header {min-width:100%;  height:auto;}

		#header h1#logo {margin-left:0px; line-height:80px; text-align:center; position:relative; }
		#header h1#logo a img {width:120px;}

		/*카카오톡*/
		#header .cs_call_num {right:10px; background-size:40px; padding-top:5px; background-position:left top;padding-top:0px; top:20px; display:none;}
		#header .cs_call_num dl {padding-left:50px;}
		#header .cs_call_num dl dt{font-size:14px; line-height:20px;}
		#header .cs_call_num dl dd{font-size:20px; line-height:20px; }




		/*상단메뉴*/
			#topMenu {position:relative; display:block; float:none; margin:0px; background:#367ba9;font-size:0px;  width:100%;}
			#topMenu li.menu_list {display:inline-block;  width:25%; padding:0px; position:relative;}
			#topMenu li.menu_list a.depth_link {display:block; font-size:14px;  padding:0px; text-align:center; color:#fff; line-height:50px; position:relative;}

			#topMenu li.menu_list a.menu_on {color:#226d98; }

			#topMenu li div.depth_box {display:none; position:absolute; top:90px; left:50%; margin-left:-60px; width:160px; background:#226d98;}
			#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
			#topMenu li div.depth_box ul li a {display:block; color:#fff; padding:0 10px; line-height:40px; border-bottom:1px solid #444;}
			#topMenu li div.depth_box ul li a:hover { font-weight:bold; color:#fff;}
			#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


			/*3뎁스*/
			#topMenu li div.depth_box ul.three_depth {display:none; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
			#topMenu li div.depth_box ul.three_depth li a {display:block;line-height:30px; color:#949494;}




		/*대출상품안내*/
		.type_list {margin-top:30px;}
		.type_list h4 { text-align:center; font-size:35px;}


		.main_bohum_list {overflow:hidden; margin-top:30px; padding:0 5px;}
		.main_bohum_list li.list{margin:0% !important; width:50%;  }
		.main_bohum_list li.list .box{padding:10px; border:1px #ddd solid;  position:relative; margin:0 5px 20px;}
		.main_bohum_list li.list:hover .box{border-color:#367ba9; }

		.main_bohum_list li.list .title {font-size:20px; padding:20px 0px; line-height:22px;  }
		.main_bohum_list li.list .title span.text { line-height:18px; height:36px;  font-size:13px;   border-bottom:1px #367ba9 solid;}

	

		
		
		.right_wing_banner_wrap {display:none;}

		#footerGroup { padding:15px 15px 120px; width:auto;}


		#footerGroup .tail_quick_btn {position:fixed;width:100%; left:0px; bottom:0px; overflow:hidden; z-index:999999999999999999; display:block;}
		#footerGroup .tail_quick_btn .col{float:left; width:50%; text-align:center; height:65px; background:#ffd800; color:#444;line-height:65px !important }
		#footerGroup .tail_quick_btn .col a{color:#444;  }
		#footerGroup .tail_quick_btn .col a .fonti{font-size:18px; margin-right:5px;}
		#footerGroup .tail_quick_btn .col.right{background:#444; color:#fff;}
		#footerGroup .tail_quick_btn .col.right a{ color:#fff;}

		#footerGroup .tail_quick_btn .talk_expose_green{border:0px !important; letter-spacing:-2px; }
		#footerGroup .talk_banner_preview  {height:auto !important; font-weight:normal !important;}

	}