@charset "utf-8";

html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	line-height:1;
	text-decoration:none;
	font-family:'NanumSquare','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
	font-size:15px;
	font-weight:500;
	color:#444;
	letter-spacing:-0.3px;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
	word-break: keep-all;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius:0;
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height:56px; padding:0 10px; border:0; background-color:transparent;  box-sizing:border-box; outline:none;}
/* .ip_comm:focus	{background-color: #ffffee;} */
.ip_comm.tel	{width:30%;}
.ip_comm.tel+.bar	{width:5%; text-align:center;}
.set_tel	{overflow:hidden;}
textarea.ip_comm	{height:150px; padding:15px; line-height:1.5;}
.btn_sm	{display:block; width:100%; height: 56px; margin:0 auto; margin-top: 30px; border-radius:6px; background-color: #ffa914; font-size: 20px; font-weight:700; color: #222;}



.center	{width:1080px; margin:0 auto;}
.clear::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}


.cont_center	{width:1080px; margin:0 auto;}
.cont_center::after	{content:""; display:block; clear:both;}
.txt_hidden {position:absolute; left:-100%; top:-100%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.btn_nav {display:flex; align-items: center ;justify-content:center; width:22px; cursor:pointer}
.on .btn_nav {position: absolute; right:20px; top:20px; z-index: 101;}
.btn_hbg {position: relative; display:flex; flex-direction: column; align-items: flex-end; justify-content: space-between; width:100%; height:13px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:1px; border-radius:10px; background-color:#222; transition:all 0.3s}
.on .btn_hbg div,
.on .btn_hbg:before,
.on .btn_hbg:after {background-color: #222;}
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: absolute; left:50%; top:50%;transform-origin: center; }
.on .btn_hbg:before { transform:translate(-50%,-50%) rotate(45deg);}
.on .btn_hbg:after { transform:translate(-50%,-50%) rotate(-45deg);}

/*========= header ===========*/

.hd_top {padding:10px 0; background-color: #eee; }
.hd_top p {font-size: 28px; font-weight: 500; color: #aaa;}

#header {position: absolute; left:0; top:48px; width:100%; z-index: 100;}
#header .center {display:flex; align-items: center; justify-content: space-between;}

#header h1 a {display:flex; align-items: center; height:87px; font-size: 24px; font-weight: 300; color: #ffa914; white-space: nowrap;}
#header h1 a strong {margin-left: 8px;color: #222;}

#nav {display:flex; align-items: center; justify-content: flex-end;}
#nav > div {position: relative; margin-left:30px}
#nav .dep1 {display:flex; align-items: center; height: 87px; font-size: 18px; }
#nav > div:hover a.dep1 {font-weight: 700;}
#nav .dep2 {position: absolute; left:50%; top:75px; transform:translateX(-50%); width:160px; padding:15px; border-radius:20px; background-color: #fff; display: none; }
#nav >div:hover .dep2 {display: block;}
#nav .dep2 li {padding:7px 0; text-align: center;}
#nav .dep2 li a {font-size: 14px;}
#nav .dep2 li a:hover {text-decoration: underline;}


.btn_nav {display: none;}


/*========= main ===========*/

#visual {overflow: hidden; position: relative; z-index: 99;}
#visual .visu_slider { width:100%;}
#visual .item {width:100%; background-size:cover;}
#visual .v1 {background-image:url(/imgs/visual.jpg)}
#visual .v2 {background-image:url(/imgs/visual2.jpg)}
#visual .v3 {background-image:url(/imgs/visual3.jpg)}
#visual article {display:flex; flex-direction: column; align-items: center; justify-content: center; height: 740px; padding-right:400px; z-index: 10;}
#visual p {text-align: center;}
#visual .p1 {font-size: 24px; font-weight: 700; color: #ff6701; text-decoration: underline;}
#visual .p2 {margin-top: 30px; line-height: 60px; font-size: 50px; font-weight: 700; color: #222;}
#visual .p3 {margin-top: 10px; line-height: 30px; font-size: 18px;}
#visual article a {display:flex; align-items: center; justify-content: center; width:170px; height:54px; margin:0 auto; margin-top:40px; border-radius:100px; border:1px solid #222; font-size: 18px; font-weight: 600;}


.wrap_apply {position: absolute; left:50%; top:50%; transform:translate(140px,-50%); width:400px; z-index: 1;}
.apply {width:100%; padding:40px; padding-top: 50px;  border-radius:20px; background-color: #fff;}
.apply hgroup {display:block; margin-bottom:30px;}
.apply hgroup h2 {font-size: 24px; color: #222;}
.apply hgroup p {margin-top: 10px; color: #888;}
.apply ul li {position: relative;	overflow: hidden; margin-bottom: 10px; border-radius:6px; border:1px solid #ccc; background-color: #f9f9f9;}
.apply ul li:last-child {margin-bottom: 0;}
.apply ul li.set_tel {display:flex; align-items: center; justify-content: space-between; }
.apply ul li .ip_comm {font-size: 16px;}
.apply .set_agree {display:flex; align-items: center; margin-top:20px;}
.apply .set_agree label,
.apply .set_agree a {display:flex ;align-items: center; margin-left:4px;}

.wrap_apply .sns {display:flex; align-items: center; justify-content: space-between; margin-top:10px;}
.wrap_apply .kakao,
.wrap_apply .naver {display:flex; flex-direction: column; width:195px; height:121px; border-radius:20px;}
.wrap_apply .kakao {justify-content: center; align-items: center; background-color: #f9e000; border:1px solid #ebd403; font-size: 17px; font-weight: 700; color: #3b1e1e;}
.wrap_apply .kakao img {width: auto; height: 34px; margin-bottom: 15px;}
.wrap_apply .naver {overflow: hidden; background-color: #00c73c; border:1px solid #2fb049;}
.wrap_apply .naver > a {display:flex; align-items: center; justify-content: flex-start; width:100%; padding-left: 10px; flex:1;border-bottom:1px solid #2fb049; font-weight: 700; color: #fff; transform:skew(0.03deg);}
.wrap_apply .naver > a img {width:46px; height:auto;}
.wrap_apply .naver > a:last-child {border-bottom:0;}

.main1 {position: relative; display:flex; flex-wrap:wrap; justify-content: space-between; padding:60px 0;}
.main1 a {overflow: hidden; display:flex; align-items: center; width: 535px; height: 200px; margin-bottom:10px; padding:0 20px; border-radius:20px; border:1px solid #ddd;}
.main1 a dl {margin-left: 10px;}
.main1 a dt {font-size: 22px; font-weight: 700;}
.main1 a dd {margin-top: 10px; line-height: 26px; font-size: 17px; }


.btn_more {display:flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius:100px; background-color: #ffa914; font-size: 24px; font-weight: 700; color: #fff;}

.main2 {padding:80px 0; background-color: #f8f5e9;}
.main2 .center {position: relative;}
.main2 hgroup {margin-bottom: 30px;}
.main2 hgroup h2 {font-size: 34px; font-weight: 700; color: #222;}
.main2 ul {overflow: hidden; border-radius:20px; border:1px solid #ccc; background-color: #fff;}
.main2 ul li {display:flex; align-items: center; position: relative; padding:30px; border-bottom:1px solid #ccc;}
.main2 ul li:last-child {border-bottom: 0;}
.main2 ul li .date {display:flex; flex-direction: column-reverse; text-align: center; line-height: 1.3; font-size: 14px; color: #666;}
.main2 ul li .date span {font-size: 26px; font-weight: 700;}
.main2 ul li .set_tit {margin-left:30px;}
.main2 ul li .set_tit a {display: block; font-size: 18px; font-weight: 700;}
.main2 ul li .set_tit p {margin-top: 10px;}
.main2 ul li .name {position: absolute; right:30px; top:50%; transform:translateY(-50%); font-size: 16px; color: #ff700e;}

.main2 .btn_more {position: absolute; right:0; top:0; }

.main3 {display:flex; justify-content: space-between;}
.main3 .latest {position: relative; width:300px; padding-top:50px; padding-bottom:50px; border-right:1px solid #eee; box-sizing: content-box;}
	.main3 .latest:nth-child(1) { padding-right:50px;}
	.main3 .latest:nth-child(2) {padding:50px;}
	.main3 .latest:nth-child(3) {padding-left:50px; border-right:0;}
.main3 .latest h2 {margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #222;}
.main3 .latest li {display:flex; align-items: center; justify-content: space-between; height:34px;}
.main3 .latest li a {font-size: 16px; font-weight: 600;}
.main3 .latest li span {font-size: 14px; color: #888;}
.main3 .latest .btn_more {position: absolute; right:50px; top:50px; width: 25px; height: 25px; font-size: 16px;}
.main3 .latest:last-child .btn_more {right:0;}

/*========= footer ===========*/
#footer {padding:60px 0; background-color: #222; }
#footer nav {display:flex;}
#footer nav a {margin-right:15px;font-weight:600; color: #fff;}
#footer p,
#footer ul {margin-top: 20px; line-height:26px;}
#footer .caution {color: #ff6701;}
#footer ul li {line-height:26px; color: #fff;}
#footer .info li {display:inline-flex; margin-right:15px; line-height: 22px; font-size: 14px; color: #888; }
#footer .copyright {font-size:13px; color:#aaa; letter-spacing: 0}
#footer .copyright a {font-size: inherit; font-weight: inherit; color:inherit;}

/*========= quick ===========*/
.quick {position: fixed; right:10px; bottom:10px; width: 150px; z-index: 100;}
.quick a {display:flex; align-items: center; height: 50px; padding:0 15px; border-radius:5px; font-size: 18px; font-weight: 700;}
	.quick a.kakao {background-color:#f9e000; color: #3b1e1e;}
	.quick a.tel {margin-top: 4px; background-color:#ff7b22; color: #fff;}
.quick a img {width:auto; height:18px; margin-right: 5px; }
.quick a i {font-size: 16px; margin-right: 5px; }



.pc_pop{position:fixed; right:20px; bottom:50px; z-index:5000; }
.pc_pop li{width:175px; height:175px; border-radius:100px; text-align:center; background:#fff200;  margin-bottom:5px; box-sizing:border-box; padding-top:45px;  }
.pc_pop li h3{font-size:16px; color:#412e34; font-weight:700; margin:7px 0; }
.pc_pop li h5{font-size:20px; color:#412e34; font-weight:700; font-family: 'GmarketSansBold'; }
.pc_pop li:last-child{background:#00469d; }
.pc_pop li:last-child h3{color:#fff; }
.pc_pop li:last-child h5{color:#fff; }
.m_pop{display:none; }

/*========= sub ===========*/

.sub #header {position: static; background-color: #FFF;}

#sub_visual {background-image:url(/imgs/sub_visual1.jpg)}
#sub_visual .center {display:flex; flex-direction:column; justify-content: center; height:300px; padding-bottom: 30px;}
#sub_visual h2 { font-size:38px; font-weight: 700; color: #222; letter-spacing:-1px }
#sub_visual p {margin-top: 15px; font-size:16px; color:#444; }

#contents.sub {padding-top: 50px; padding-bottom: 150px;}

/* .sub img {display: block;} */

.p_comm {line-height: 32px; font-size: 18px; font-weight: 500;}
.p_comm + .p_comm {margin-top: 20px;}

.sub_menu {overflow: hidden; display:flex; margin:40px auto 70px auto; border-radius:4px; background-color:#f4f4f4;}
.sub_menu a {display:flex; flex:1; align-items: center; justify-content: center; height:50px; border-right:1px solid #eee; font-size: 16px; color: #888;}
.sub_menu a:last-child {border-right: 0;}
.sub_menu a.on {background-color: #ff6701; color: #fff;}

.page_title {margin-top: 70px;}
.page_title h3 {font-size: 28px; font-weight: 700; color: #222;}

.p1 {font-size: 28px; font-weight: 700; color: #222;}
.p1 strong {color: #ff6701;}

.sub0101 {}
.sub0101 figure {margin:50px 0; text-align: center;}
.sub0101 p {text-align: center;}
.sub0101 .from {font-weight: 700;}

.li_comm {}
.li_comm li {position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 1.2;}
.li_comm li::before {content:"-"; position: absolute; left:0; top:0;}
.li_comm li:last-child {margin-bottom: 0px;}

.sub02 section {display:flex; justify-content: space-between; background-position:left bottom}
	.sub0201 section {background-image:url(/imgs/sub02/loan1.jpg)}
	.sub0202 section {background-image:url(/imgs/sub02/loan2.jpg)}
	.sub0203 section {background-image:url(/imgs/sub02/loan3.jpg)}
	.sub0204 section {background-image:url(/imgs/sub02/loan4.jpg)}
	.sub0205 section {background-image:url(/imgs/sub02/loan5.jpg)}
	.sub0206 section {background-image:url(/imgs/sub02/loan6.jpg)}
	.sub0207 section {background-image:url(/imgs/sub02/loan7.jpg)}
	.sub0208 section {background-image:url(/imgs/sub02/loan8.jpg)}
.sub02 h4 {margin-bottom: 15px; font-size: 20px; font-weight: 700; color: #222; text-decoration: underline; }
.sub02 section {display:flex; justify-content: space-between;}
.sub02 section .intro {width:calc(100% - 640px);}
.sub02 section .detail {width:640px;}

.sub02 .point {display:flex; justify-content: space-between; margin-bottom: 30px; }
.sub02 .point dt {display:flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius:100px; border:1px dashed #ff6701; font-size: 16px; font-weight: 700; font-style: italic; color:#ff6701; }
.sub02 .point dd {width: 550px;}
.sub02 .point dd li {position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 16px; font-weight: 700; transform:skew(-0.03deg)}
.sub02 .point dd li::before {position: absolute; left:0; top:0; content:"\f00c"; font-family: "fontAwesome" ;font-size: 14px; color: #888;}
.sub02 .point dd li:last-child {margin-bottom: 0;}

.sub02 .pd_detail {display:flex; flex-wrap:wrap; justify-content: space-between; padding:25px 0;  border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.sub02 .pd_detail dt,
.sub02 .pd_detail dd {margin:10px 0; padding:0 15px; line-height: 30px; font-size: 16px;}
.sub02 .pd_detail dt {width: 140px; font-weight: 700; transform:skew(-0.03deg)}
.sub02 .pd_detail dd {width: calc(100% - 140px);}

.sub_product{overflow:hidden; padding-bottom:50px; }
.sub_product>img{float:left;}
.sub_product .pro_txt{float:right; width:730px; }
.sub_product .pro_txt h2{ font-size:22px; color:#222; font-weight:700; margin-bottom:15px;}
.sub_product .pro_txt ul {margin-bottom:20px;  }
.sub_product .pro_txt ul li{ font-size:16px; color:#444; font-weight:600; line-height:1.7; padding-left:10px; position:relative;}
.sub_product .pro_txt ul li:before{content:""; display:block; width:3px; height:3px; position:absolute; background:#555; left:0; top:10px; }
.sub_product table tr th{border-bottom:1px solid #ffa914; color:#ffa914; font-size:16px; width:130px; }
.sub_product table tr td{border-bottom:1px solid #ddd; color:#222; font-size:16px; padding:10px 15px; }
.sub_product table tr .f_th{border-top:1px solid #ffa914; }
.sub_product table tr .f_td{border-top:1px solid #ddd; }
.sub_product .info {margin-top:20px; }
.sub_product .info  h3{color:#888; font-size:18px; font-weight:700; margin-bottom:10px; }
.sub_product .info  p{color:#888; font-size:15px; font-weight:500; line-height:1.6;padding-left:10px; position:relative;  }
.sub_product .info  p:before{content:""; display:block; width:3px; height:3px; position:absolute; background:#888; left:0; top:10px; }


.sub0301 p {text-align: center;}
.sub0301 .p1 {margin-bottom: 10px; line-height: 1.2;}

.sub_apply {width:460px; margin:0 auto; margin-top:30px;}
.sub_apply ul li {margin-bottom:20px;}
.sub_apply ul li label {display: block; margin-bottom:5px; font-size: 13px; color: #888;}
.sub_apply ul li fieldset {display:flex; align-items: center; justify-content: space-between;border:1px solid #ddd; border-radius:4px; background-color: #f9f9f9;}
.sub_apply ul li .ip_comm {height:50px;}
.sub_apply .set_agree label,
.sub_apply .set_agree a {font-size: 14px;}

.m_img{display:none; }

.sub04 {overflow:hidden; padding-bottom:50px; }
.sub04 li{float:left; margin-right:6px;  text-align:Center; position:relative; }
.sub04 li:last-child{ margin-right:0; }
.sub04 li .img{width:210px;height:210px; background:#f4f4f4; border-radius:20px; text-align:Center; padding:30px 0; }
.sub04 li .t_wrap{margin-top:20px; }
.sub04 li .t_wrap h2{ font-size:22px; color:#222; font-weight:700; position:relative; display:inline-block;  margin-bottom:5px; }
.sub04 li .t_wrap h2:before{content:""; display:block; width:100%; height:3px; background:#ffa914; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.sub04 li .t_wrap p{ font-size:13px; color:#222; font-weight:400; line-height:20px;  }
.sub04 .arr{position:absolute; right:-15px; top:100px; z-index:6; }


/* 게시판 글쓰기 */
#board_write {width:100%; max-width:620px; margin:0 auto;}
#board_write li { margin-bottom:20px;}
#board_write li>label {display: block; margin-bottom:5px;}
#board_write li .set_ip {position: relative; overflow: hidden;}
#board_write li .set_ip .frm_input {width:100%;height:44px; }
#board_write li .set_ip button.btn_frmline {height:44px; padding:0 10px; font-size: 14px;}
#board_write li .set_ip legend{position: absolute; left:-100%;}

/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}