@charset "utf-8";
html,body {margin:0; padding:0; font-weight:normal; list-style:none; line-height:1; color:#555; text-decoration:none; letter-spacing:-0.04em; box-sizing:border-box; font-size:62.5%; scroll-behavior: smooth;}

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;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:transparent;
	border:0;
	list-style:none;
	line-height:1;
	text-decoration:none;
	font-family:sans-serif;
	font-size:1.4rem;
	font-weight:500;
	color:#555;
	letter-spacing:-0.04em;
	box-sizing:border-box;
	word-break: keep-all;
}

html, body,#wrapper {
	width:100%;max-width:800px;
	min-width:320px !important;
	margin:0 auto;
}

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.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}

.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%); font-weight: 600;}
.ip_comm	{display:block; width:100%; height:40px; padding:0 10px; border:0; background-color:transparent;  box-sizing:border-box; outline:none;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:44px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:80px; padding:10px; line-height:1.5;}
.btn_sm	{display:inline-flex; align-items: center; justify-content: center; padding:0 40px; margin:0 auto;  height:48px; background-color: #ec6a00; border-radius:100px; font-size: 1.5rem; font-weight: 600; color:#fff;}

.btn_nav {display:flex; align-items: center ;justify-content:center; width:22px;}
.on .btn_nav {position: fixed; right:20px; top:20px; z-index: 101;}
.btn_hbg {position: relative; display:flex; flex-direction: column; 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; background-color:#222; transition:all 0.3s}
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: relative; transform-origin: center; background-color:#444;}
.on .btn_hbg:before {top:50%; transform:rotate(45deg);}
.on .btn_hbg:after {top:-50%; transform:rotate(-45deg);}

.hidden {position: absolute; left:-100%; top:0; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.center {width:94%; margin:0 auto;}

.clear::after {content:""; display: block; clear:both;}

#wrapper.on {position: fixed; left:0; top:0; width:100%; height:100%; overflow: hidden;}


/*========= header ===========*/
.busi_num {width:100%; padding:13px 3%; background-color:#f5f5f5; line-height:1.2; font-size: 20px; font-weight: 300; color: #888; word-break: break-all}

#header {display:flex; align-items: center; justify-content: space-between; padding:15px 3%;}
#header h1 img {width:auto; height:28px;}


#nav {position: fixed; left:0; top:0; width:100%; height:100%; overflow-y:auto; padding:40px 3%; background-color:#fff; z-index: 100; display: none;}
.on #nav {display: block;}
#nav > div {margin-bottom:50px;}
#nav .dep1 {font-size: 1.7rem; font-weight: bold; text-decoration: underline;}
#nav .dep2 {margin-top:20px; }
#nav .dep2 li {margin-bottom:20px;}
#nav .dep2 li:last-child {margin-bottom:0;}
#nav .dep2 li a {font-size: 1.5rem; font-weight: 400;}


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


.main1 {display:flex; align-items: center; justify-content: center; background-image:url(/images/visual.jpg); background-size:cover; }
.main1 article {padding:100px 0; text-align: center; font-size: 2.8rem; line-height:1.2; font-weight: 300; letter-spacing: -1px; color: #222;}
.main1 article span {color: #ec6a00;}


.main > section,
.set_form {margin-top:20px; border-radius:20px; border:1px solid #eee; background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3) }
.main_title {margin-bottom:15px; text-align: center; font-size:1.6rem; font-weight: 700; color: #222; line-height:1.3;}


.main2 {display:flex; }
.main2 a {width:calc(100% / 3); padding:25px 5px;  border-right:1px solid #ddd; text-align: center;}
    .main2 a:last-child {border-right:0;}
.main2 img {width:auto; height:50px;}
.main2 h2 {margin-top:15px; font-size: 1.35rem; font-weight: 700; color: #222;}
.main2 p {margin-top:8px; font-size:1rem; color: #777;}




.sch {text-align: center;}
.sch li {position: relative; margin-bottom:5px; border-radius:5px; border:1px solid #eee; background-color:#f9f9f9;}
.sch li::after {content:""; display: block; clear: both;}
.sch li .money {padding-bottom:10px; }
.sch li #output,
.sch li #output2,
.sch li .output {position: absolute; left:5px; bottom:-5px; padding:0 5px; font-size: 1.1rem; background-color: #444; color: #fff; border-radius:2px; z-index: 10;}
.sch .set_agree {display:flex; align-content: center; margin-top:5px;}
.sch .set_agree label,
.sch .set_agree a {font-size: 1.1rem; margin-left:5px;}
.sch .btn_sm {margin:0 auto; margin-top:20px;}

.set_form {padding:25px 15px;}

.main3 .sise h2 strong {color: #ec6a00;}


.apply {}
.apply h2 strong {color: #3000ff;}
.apply .btn_sm {background-color: #3000ff;}

.main .main4 {padding:40px 0; background-color:#e9e9e9; border-radius:0; border:0; box-shadow:none ; text-align: center;}
.main .main4 .main_title {margin-bottom:15px;}
.main4 .set_slider {overflow:hidden;}
.main4 .fnc_slider {position: relative; margin: -10px 0 0; padding:10px; text-align: left;}
.main4 .fnc_slider .swiper-slide {height:auto; margin: 10px 0;  padding:25px; background-color:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0,0,0,0.25) }
.main4 .fnc_slider a {display: block;}
.main4 .fnc_slider .tit {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-size:1.5rem; font-weight: 700; }
.main4 .fnc_slider p {margin-top:10px; line-height:1.5; font-size: 1.25rem; color: #555;}
.main4 .fnc_slider .btn_detail {margin-top:10px; font-size:1.2rem; font-weight: 700; color: #ec6a00;}
.main4 .btn_sm {height:40px; margin-top:15px; background-color:transparent; border:1px solid #aaa; color:#888; font-size: 1.2rem;}



/*========= footer ===========*/
#footer  {margin-top:80px; padding:30px 3%; background-color:#222}
#footer .ft_logo img {width:auto; height:24px;}
#footer .ft_nav {margin-top:15px; }
#footer .ft_nav a {margin-right:15px; line-height:1.7; font-size:1.55rem; font-weight: 700; color: #fff;}

#footer ul {margin-top:20px;}
#footer ul li {display:inline-block; display:inline-block; margin-right:15px; line-height: 1.5; font-size: 1.55rem; font-weight: 300; color: #fff;}
#footer .caution {margin-top:20px; font-size: 1.55rem; font-weight: 300; line-height:1.5; color: #fff;}
#footer .copyright {margin-top:20px; line-height:1.5; font-size: 1.2rem; color: #888;}
#footer .copyright a {font-size:inherit; color:inherit;}


.fixed {position: fixed; z-index: 10;}
.fixed a { display:flex; align-items: center; justify-content: center;  width:40px; height:40px; margin-top:5px; border-radius:100%; font-size: 18px; box-shadow:2px 2px 10px rgba(0,0,0,0.2); }
    .fixed a img {width:auto; height:22px;}

.fixed .tel {background-color:#ec6a00;  }
    .fixed .tel i {color: #fff;}
.fixed .kakao {background-color:#f9e000;  }
.fixed .top {background-color:#fff; border:1px solid #ccc; font-size: 16px;}
.fixed .blog {background-color:#00d037; }
    .fixed .blog img {height:26px;}

#quick1.fixed {right:5px; bottom:5px;}
#quick2.fixed {display:flex; align-items: center; left:5px; bottom:5px; }
    #quick2.fixed a {margin-top:0; margin-right:5px;}

/* sub_visual */
#sub_visual {padding:35px 3%; background-size:cover; }
	.sub_visual01 {background-image:url(/images/sub_visual1.jpg)}
	.sub_visual02 {background-image:url(/images/sub_visual2.jpg)}
	.sub_visual03 {background-image:url(/images/sub_visual3.jpg)}
	.sub_visual04 {background-image:url(/images/sub_visual1.jpg)}
	.sub_visual05 {background-image:url(/images/sub_visual1.jpg)}
#sub_visual h2 {text-align: center; font-size: 2rem; font-weight: 700; color:#fff}



#sub_visual ul {display:flex; flex-wrap:wrap; margin-left:30px;}
#sub_visual ul li {margin:5px;}
#sub_visual ul li a {display:block; padding:15px 20px; border-radius:100px; border:1px solid rgba(255,255,255,0.8); color:#fff;}
#sub_visual ul li a.on {border-color:#ec6a00; background-color:#ec6a00; color:#fff;}




#sub_menu {position: relative; margin-top:15px; }
#sub_menu .btn_sub_menu {display:flex; align-items: center; justify-content: space-between; height:46px; padding:0 3%; border-radius:5px; border:1px solid #eee; box-shadow:3px 3px 10px rgba(0,0,0,0.2)  }
#sub_menu .btn_sub_menu::after {content:"\f107"; font-family: 'FontAwesome';}
#sub_menu .li_sub_menu {position: absolute; left:0; top:46px; width:100%; background-color:#f9f9f9; overflow:hidden; border-radius:5px; border:1px solid #eee; z-index: 1; display:none;}
#sub_menu .li_sub_menu li {border-bottom:1px solid #eee;}
#sub_menu .li_sub_menu li:last-child {border-bottom:0;}
#sub_menu .li_sub_menu li a {display:block; padding:12px 3%; font-size: 1.2rem;}

.page_title {margin-top:40px; margin-bottom:20px; text-align: center; font-size: 1.8rem; font-weight: 700; color: #222;}

.p_comm {margin-top:15px; line-height:1.7;}



.sub_title {margin-top:60px; margin-bottom:20px; }
.sub_title:first-child {margin-top: 0;}
.sub_title h4 {font-size: 1.6rem; font-weight: 700; color: #222; text-decoration: underline}
.sub_title p {margin-top:10px; font-size:1.2rem; }

.li_comm {}
.li_comm li {position: relative; margin-bottom:5px; padding-left:10px; line-height:1.5;}
.li_comm li:last-child {margin-bottom:0;}
.li_comm li::before {content:""; position: absolute; left:0; top:10px; width:3px; height:3px; border-radius:100%; background-color:#444;}

.set_tbl {overflow-x:auto}
.tbl {border-top:1px solid #ddd;}
.tbl th,
.tbl td {padding:12px 5px; border-bottom:1px solid #ddd; text-align: center; font-size: 1.2rem;}
.tbl th {background-color:#f5f5f5; font-weight: 600; color: #222;}
.tbl .tal {text-align: left;}
.tbl dl {display:flex; align-content: center; }
.tbl dl dt {margin-right:5px; font-weight: 700;}
.tbl dl dd {margin-right:30px;}
.min {color: blue;}
.max {color: red;}

.sub01 {}
.tbl_loan {border-top:1px solid #ddd;}
.tbl_loan dt {padding-top:20px; margin-bottom:10px; font-size: 1.5rem; font-weight: 700; color: #222;}
    .tbl_loan dt i {margin-right:5px; color: #ec6a00;}
.tbl_loan dd {border-bottom:1px solid #ddd; line-height:1.7; padding-bottom:20px; font-weight: 400;}


/* 서브 폼 공통 */
.sub_set_form { border-radius:20px; border:1px solid #ddd; box-shadow: 5px 5px 15px rgba(0,0,0,0.25); padding:20px;}
.sub_set_form h2 {margin-bottom:15px; font-size: 22px; font-weight: 700; color: #222; line-height:26px;}
.sub_set_form .sch ul {}
.sub_set_form .sch li { margin-bottom:4px; }

/* 서브 시세조회 */
.sub_sise {}
.sub_sise h5 {margin-top:30px; margin-bottom:10px; font-weight: 700; color: #222;}
.sub_sise h5:first-child {margin-top:0;}
.sub_sise h5 strong {color: #001eff;}
.sub_sise  fieldset {position: relative; border-radius:4px; border:1px solid #eee; background-color:#f9f9f9}
.sub_sise  #output,
.sub_sise  #output2 {margin-top:5px; font-size: 1.1rem; color: #001eff;}
.sub_sise .li_comm {margin-top:10px; }
.sub_sise .li_comm li {margin-bottom:3px; line-height:1.3; font-size:1.15rem; color: #555; word-break: break-all}
.sub_sise .li_comm li::before {top:7px}
.sub_sise .btn_sm {margin-top:10px;}

/* 서브 상담 */
.sub_apply {display:flex; justify-content:space-between; width:720px; margin:0 auto; margin-top:60px; border-color:#001eff}
.sub_apply h2 strong {color: #001eff;}
.sub_apply .sch textarea {height:90px;}
.sub_apply .sch .btn_sm {margin-top:10px; }

.set_addr {border-top:1px solid #ddd;}
.set_addr dl {padding:20px 0; border-bottom:1px solid #ddd;}
.set_addr dt {font-weight: 700; color: #222;}
.set_addr dd {margin-top:10px; line-height:1.5;}


.sub02 {}
.sub02 .frame {width:100%; padding:30px 20px; border-radius:20px; border:1px solid #ddd; box-shadow: 10px 10px 20px rgba(0,0,0,0.25)}
.sub02 ul {overflow:hidden;}
.sub02 ul li {float:left; width:100%;}
.sub02 ul li.spr {width:calc((100% - 4px)/2); margin-right:4px;}
.sub02 ul li.spr:nth-child(3) {margin-right:0;}

.sub02 .quick .btn_sm {background-color:#3000ff;}
.sub02 .kakao .btn_sm {background-color:#fff600; color: #391c1c;}
.sub02 .kakao .btn_sm img {width:auto; height:20px; margin-right:5px;}
.sub02 .cs {padding:40px 0; text-align: center;}
.sub02 .cs img {width:auto; height:50px;}
.sub02 .cs h5 {margin-top:10px;  font-weight: 700; color: #222;}
.sub02 .cs .tel {display: block; margin:10px 0; font-size:2.2rem; font-weight:600; color: #222;}
.sub02 .cs p {font-size: 1.25rem; line-height:1.2;}


.sub0302 {}
.sub0302 .calculator {}
.sub0302 .calculator .area1,
.sub0302 .calculator .area2 {padding:20px; border-radius:20px; border:1px solid #ddd; box-shadow:5px 5px 15px rgba(0,0,0,0.3) }
.sub0302 .calculator .area1 {}
.sub0302 .calculator .area1 .cal_input {overflow:hidden; }
.sub0302 .calculator .area1 .cal_input li {position: relative; float:left ; width:calc((100% - 4px)/2); margin-right:4px; margin-bottom:4px;}
.sub0302 .calculator .area1 .cal_input li:nth-child(2n) {margin-right:0;}

.sub0302 .calculator .area1 .cal_input li .set_ip {}
.sub0302 .calculator .area1 .cal_input li .set_ip .ip_comm {padding-right:30px;}
.sub0302 .calculator .area1 .cal_input li .set_ip .unit {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.sub0302 .calculator .area1 .cal_input li .output2 {position: absolute; left:5px; bottom:5px; margin-top:4px; font-size:12px; color:#224c9c}
.sub0302 .calculator .area1 .cal_input .set_btn {border:0;}
.sub0302 .calculator .area1 .cal_input .btn_sm {margin:0; width:100%; height:40px; border-radius:0; background-color:#3000ff; }

.sub0302 .calculator .area2 {}
.sub0302 .calculator .area2 h5 {margin-bottom:15px; font-weight: 700; color: #222;}
.sub0302 .calculator .area2 dl {display:flex; flex-wrap:wrap; }
.sub0302 .calculator .area2 dl dt,
.sub0302 .calculator .area2 dl dd {margin:10px 0;font-size: 1.3rem;}
.sub0302 .calculator .area2 dl dt {width:150px;}
.sub0302 .calculator .area2 dl dd {width:calc(100% - 150px); font-weight: 700; color: #222;}
.sub0302 .calculator .area2 dl dd.total {font-size:1.6rem;}

.sub0302 .calculator .arr {padding:10px; text-align: center;}


.graph {overflow:hidden; border:1px solid #ddd; border-radius:20px;}

.graph_list {padding:20px; }
.graph_list .category {display:flex; align-content: center; }
.graph_list .category dt { margin-right:4px; text-align:center;}
.graph_list .category dt div {display:flex; align-items: center; justify-content: center; width:12px; height:12px;}
.graph_list .category dd {margin-right:10px; font-size:1.1rem; }
.graph_list .cate1 {background-color:#ffc697;}
.graph_list .cate2 {background-color:#ec6a00;}
.graph_list .cate3 {background-color:#eeeeee; font-size:1.1rem; }

.graph_scope {display:flex; align-items:center; justify-content: space-between; margin-top:6px;  }
.graph_scope .arr_txt {font-size: 1.2rem; text-align: center;line-height:1.2; }


.ex_graph {margin-top:10px; position:relative;}
.ex_graph ul {display:flex; align-items: flex-end; justify-content: space-around; height:130px; background:url(/images/graph_line.gif) left bottom repeat-x;}
.ex_graph ul li{width:5%; height:100%; position:relative; border-radius:2px 2px 0 0;}
.ex_graph ul li span{width:100%; position:absolute; bottom:0; display:block;}

.graph_example { padding:20px; background-color:#eee;}
.graph_example .tit {display:inline-flex; margin-bottom:10px; padding:5px; border-radius:3px; background-color:#ec6a00; font-size:1.2rem; color:#fff;}
.graph_example .set_ex {display:flex; align-items: center; }
.graph_example .set_ex dl {display:flex; flex-wrap:wrap; align-content: center;}
.graph_example .set_ex dl dt,
.graph_example .set_ex dl dd {line-height:1.5; font-size:1.2rem;}
.graph_example .set_ex dl dt {width:100px;}
.graph_example .set_ex dl dd {width:calc(100% - 100px); padding-left:10px; font-weight: 700; }
.graph_example .result {margin-top:5px;  font-size:1.4rem; font-weight: 700; color: #ec6a00;}

.sub0302 .btn_toggle a {display:flex; align-items:center; justify-content: center;}
.sub0302 .btn_toggle a::before,
.sub0302 .btn_toggle a::after {padding:5px 8px; font-size: 1.1rem; border-radius:5px; border:1px solid #ec6a00; color:#ec6a00;}
.sub0302 .btn_toggle a::before {content:"열기"; }
.sub0302 .btn_toggle a::after {content:"닫기"; border-color:#ccc; color:#777; display: none; }




.ext_fmail_agree_wrap{display:none; position:fixed ; left:0; top:0 ;width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:600;}
.ext_fmail_agree_box{position:absolute; left:50%; top:50%; width:90%; max-width:400px; padding:30px 5%; transform:translate(-50%,-50%); border-radius:20px; background-color:#fff; box-sizing:border-box;}

.ext_fmail_close_btn {position:absolute; right:-10px; top:-10px; width:30px; height:30px; padding:8px; background-color:#60499e; border-radius:100px; box-sizing:border-box;}
.ext_fmail_close_btn img {display:block; width:100%; height:auto;}

.pop_agree .agree_box {overflow:hidden; margin-top:10px;  border:1px solid #8b78c7; border-radius:6px; background-color:#f3eef9;}
.pop_agree fieldset,
.pop_agree label {display:block; margin:0; padding:0; text-align:left;}
.pop_agree fieldset {overflow:hidden; position:relative; padding:8px 10px;}
.pop_agree fieldset input {position:absolute; left:-100%; top:-100%; width:0; height:0; width:0; height:0; border:0;}
.pop_agree label {position:relative; padding-left:26px; line-height:1.4; font-size:1.3rem;}
.pop_agree label::before {content:""; position:absolute; left:0px; top:0px; display:block; width:18px; height:18px; border-radius:50px; background-color:#fff; border:1px solid #8b78c7}
.pop_agree label::after {content:""; position:absolute; left:5px; top:5px; display:block; width:10px; height:10px; background-image:url(/images/check.png); background-size:contain; opacity:0.5;}
.pop_agree input:checked + label::before {background-color:#60499e; border:1px solid #60499e}
.pop_agree input:checked + label::after {background-image:url(/images/check_on.png); opacity: 1}
.pop_agree .agree_box .terms {display:block; width:100%; height:60px; padding:10px; border:0; border-top:1px solid #8b78c7; background-color:rgba(255,255,255,0.8); resize:none; box-sizing:border-box; font-size:1.25rem; line-height:1.5; outline: none;}
.pop_agree .btn_sm {margin-top:10px; border-radius:4px;}

.pop_agree .chk_all fieldset {padding:0;}
.pop_agree .chk_all fieldset label {padding-left:30px; line-height:18px; font-size:14px; font-weight:bold;}
.pop_agree .chk_all fieldset label::before {top:2px;}
.pop_agree .chk_all fieldset label::after {top:7px;}

.pop_agree #btn_fsubmit {margin-top:10px; width:100%; height:auto; }




.pop_sns {display: none; position:fixed; left:0%; top:0px; width:100%; height:100%; background-color: rgba(0,0,0,0.9); }
.pop_sns .set_pop {position: absolute; left: 5%; top:50%; transform:translateY(-50%); width:90%; padding:20px 0 15px 0; background-color: #fff; border-radius:10px;}
.pop_sns .tit {margin-bottom: 20px; text-align: center; font-weight: bold; font-size: 1.6rem;}
.pop_sns .sns {margin-bottom: 0;}
.pop_sns .sns li {margin: 0 5px; font-size: 1.2rem; color: #777;}
.pop_sns .sns a {width:36px; margin:0 auto; margin-bottom: 5px; }
.pop_sns .btn_close {position: absolute; right:10px; top: 10px; }