@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700,800');
/* @import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); */

html,body {}
/* html,body {font-family:'Noto Sans KR',sans-serif;} */
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;
	line-height:1;
	text-decoration:none;
	font-family:'Open Sans','Noto Sans KR','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
	font-size:15px;
	font-weight:500;
	color:#444;
	letter-spacing:-0.5px;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
}
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.svg) no-repeat right center; background-size:auto 40px;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.ip_comm	{display:block; width:100%; height:40px; padding:0 10px; border:0; background-color:transparent;  box-sizing:border-box;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; line-height:40px; text-align:center; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; padding:10px; line-height:1.5;}
.btn_sm	{display:block; width:100%; height:46px; border:0; font-size:18px; color:#fff;}

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

.btn_hbg {position:relative; display:block; width:18px; height:14px; margin:0 auto;margin-top:12px; }
.btn_hbg span {position:absolute; left:0; top:50%; display:block; width:100%; height:2px; background-color:#224c9c; text-indent:-999%; font-size:0; line-height:0; transition:all 0.3s }
.btn_hbg span:before,
.btn_hbg span:after {content:""; position:relative; display:block; width:100%; height:2px; background-color:#224c9c; transition:all 0.3s}
.btn_hbg span:before {top:-6px;}
.btn_hbg span:after {top:4px;}
.on .btn_hbg span {background-color:transparent;}
.on .btn_hbg span:before {top:0px; transform:rotate(45deg);}
.on .btn_hbg span:after {top:-2px; transform:rotate(-45deg);}


/*========= header ===========*/
#header {position: relative; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); z-index: 2;}
#header .hd_top {display:flex; align-items: center; justify-content: space-between; padding:20px 0;}
#header .hd_top h1	{flex:1; order:2; text-align: center;}
#header .hd_top h1 img	{width:auto; height:30px;}

#header .hd_top .bisu_num	{flex:2; order:1; }
#header .hd_top .bisu_num dt,
#header .hd_top .bisu_num dd {font-size:30px}
#header .hd_top .bisu_num dt {color:#0098de}
#header .hd_top .bisu_num dd {margin-top:4px; }

#header .hd_top .set_tel	{flex:2; order:3; display:flex; justify-content: flex-end; align-items: center; }
#header .hd_top .tel	{margin-right: 30px;}
#header .hd_top .tel dt,
#header .hd_top .tel dd {display:inline-block; }
#header .hd_top .tel dt {position:relative; top:-2px; margin-right:8px; font-size:16px; font-weight:500; color:#555;}
#header .hd_top .tel dd {font-size:26px; font-weight:700; color:#0098de;}

#header #btn_nav	{width:42px; height:42px; border:1px solid #ddd;}

#header .hd_btm {border-top:1px solid #eee}

#nav .nav_list	{display:flex;}
#nav .nav_list>li	{position:relative; flex:1;}
#nav .nav_list>li .dep1	{position:relative; display:block; text-align:center; padding:20px 0; font-size:18px; font-weight:500; color:#222;}
#nav .nav_list>li .dep1:after	{content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#2858ac; transform: translate(-50%,0); transition:all 0.3s}
#nav .nav_list>li .dep1.shop	{color:#2858ac;}
#nav .nav_list>li:hover .dep1:after	{width:100%;}
#nav .nav_list>li .dep2 {overflow:hidden; position:absolute; left:50%; top:58px; width:200px; padding:12px 0; border:1px solid #eee; border-top:0; background-color:rgba(255,255,255,0.95); transform:translate(-50%,0); z-index:300; display:none;}
#nav .nav_list>li:hover .dep2 {display:block;}
#nav .nav_list>li .dep2 li {}
#nav .nav_list>li .dep2 li a {display:block; padding:6px 0; text-align:center; font-size:14px; color:#666; letter-spacing:0;}
#nav .nav_list>li .dep2 li a:hover {color:#2858ac; }


#sitemap {position:absolute; left:0px; top:163px; width:100%; background-color:#f4f4f4; z-index:400; display:none; }
.on #sitemap {display:block;}
#sitemap .nav_list {padding:30px 0; display:flex; }
#sitemap .nav_list::after {display: none;}
#sitemap .nav_list>li {flex:1;}
#sitemap .nav_list>li .dep1 {display:block; text-align:center; font-size:16px; font-weight:700; color:#2858ac; }
#sitemap .nav_list>li .dep2 {margin-top:10px;}
#sitemap .nav_list>li .dep2 li {padding:5px 0; text-align:center;}
#sitemap .nav_list>li .dep2 li a {}
#sitemap .nav_list>li .dep2 li a:hover {font-weight:600; color:#111;}


.arr1 {position:absolute; display:block ;width:26px; height:6px; top:50%; transform:translateY(-50%); }
.arr1::before,
.arr1::after {content:""; position:absolute; bottom:0; right:0; display:block; background-color:#fff; height:1px;}
.arr1::before {width:10px; transform-origin: right bottom; transform:rotate(45deg)}
.arr1::after {width:100%;}

.arr2 {position:relative; display:block; width:14px; height:13px;}
.arr2::before,
.arr2::after {content:""; position:absolute; right:1px; top:50%; background-color:#1d3a68; width:7px; height:1px; transform-origin:right center; }
.arr2::before {transform:translateY(-1px) rotate(45deg);}
.arr2::after {transform:rotate(-45deg);}
.arr2 span {position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; height:1px; background-color:#1d3a68;}

/*========= main ===========*/
#visual {position:relative; overflow:hidden; z-index:1;}
#visual li {position: relative; height:500px;}
#visual li a {position: absolute; left:0; top:0; width:100%; height:100%; z-index: 1;}
#visual li.v01 {background-image:url(../images/visual1.jpg);}
#visual li.v02 {background-image:url(../images/visual2.jpg);}
#visual li.v03 {background-image:url(../images/visual3.jpg);}
#visual li.v04 {background-image:url(../images/visual4.jpg);}
#visual .visu_ctrl {position:absolute; top:50%; transform:translateY(-50%);}
#visual .visu_prev {left:20px;}
#visual .visu_next {right:20px;}

#sample {background-color:#224c9c; }
#sample .sp_slider {position:relative; overflow:hidden; height:60px;}
#sample .sp_slider li {display:flex; align-items: center; height:60px;}
#sample .sp_slider li a {font-size: 20px; font-weight: 500; color: #fff;}

#sample .sp_slider .sp_ctrl {position: absolute; right:0; top:50%; transform:translateY(-50%); z-index: 2;}
#sample .sp_slider .sp_ctrl::after {content:""; display: block; clear: both;}
#sample .sp_slider .sp_ctrl div,
#sample .sp_slider .sp_ctrl a {display: block; float:left; width:38px; height:38px; border:1px solid #fff; background-color: #224c9c; text-align: center; color: #fff;}
#sample .sp_slider .sp_ctrl div {margin-right:4px;}
#sample .sp_slider .sp_ctrl a {}
#sample .sp_slider .sp_ctrl i {line-height:36px;}
#sample .sp_slider .sp_ctrl div i {font-size: 14px;}
#sample .sp_slider .sp_ctrl a i {font-size: 16px; color: #ffa200;}

.main .main_item {background-color: #fff; border-radius:40px; box-shadow:0 0 80px rgba(0,0,0,0.1) }

#main01 {display:flex; justify-content: space-between; margin-top: 50px; padding:50px;}
#main01 hgroup {width: 250px;}
#main01 hgroup p {color: #222;}
#main01 hgroup h2 {margin-top: 8px; font-size: 28px; font-weight: 700; color: #222;}
#main01 .main_sch {display:flex; justify-content: space-between; width: 760px;}
#main01 .sch_input {width: 630px;}
#main01 .sch_input::after {content:""; display: block; clear: both;}
#main01 .sch_input > li {float:left; width:200px; margin-right:10px; margin-bottom: 10px; border-bottom:1px solid #222;}
#main01 .sch_input > li.span2 {width:410px;}
#main01 .sch_input .ip_comm {height:49px;}
#main01 .btn_sm {width: 110px; height: 110px; border-radius:10px; background-color: #ffa200; line-height: 1.2; font-size: 18px; font-weight: 600; color: #fff; box-shadow:0 0 30px rgba(0,0,0,0.2);}






.sch {}
.sch .title {margin-bottom:50px; text-align:center; font-size:18px; font-weight:500;}
.sch .title strong {display:inline-block; padding-top:12px; font-size:36px; font-weight:700;}

.sch .main_sch {}
.sch .main_sch .wrap_input {padding:50px; }
.sch .main_sch .sch_input {float:left; width:950px;}
.sch .main_sch .sch_input li {position:relative; float:left; width:185px; margin-right:5px; margin-bottom:5px; background-color:#fff;}
.sch .main_sch .sch_input li fieldset {position: relative;}
.sch .main_sch .sch_input li .ip_comm {height:60px; font-size:16px;}
.sch .main_sch .sch_input li .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:16px; font-weight:600;}
.sch .main_sch .sch_input li p {padding:7px 10px; font-size: 13px; line-height: 1.3; background-color:#f4f4f4; border-top:1px solid #0075c2; color: #0075c2;}

.sch .add_input {display:flex; margin-bottom:30px;}
.sch .add_input > li {width:50%; padding:0 50px; border-right:1px solid rgba(255,255,255,0.3);}
.sch .add_input fieldset {position: relative;	border-radius:4px; background:#fff; }
.sch .add_input fieldset .unit {position: absolute; right:12px; top:50%; transform:translateY(-50%); font-weight:700;}
.sch .add_input fieldset h6 {position: absolute; left:12px; top:50%; transform:translateY(-50%); font-weight:500;}
.sch .add_input fieldset h6 span{color:#f00; }
.sch .add_input fieldset .ip_comm {height:60px; }
.sch .add_input ul li {line-height:1.7; font-size:17px; }
.sch .add_input ul li::before {content:"-"; margin-right:5px;}
.sch .add_input .ext_output_ext_amt {display: block; width:100%; margin-top:5px;  text-align: right; color:#fff600; }

.wrap_input .ext_output_ext_amt {position: absolute; left:0; top:65px; display: block; width:100%; text-align: right; color: #fff;}


.main_ban {display:block; }


.cs_apply {padding:32px 40px; padding-right:0; background-color:#009fe8;}
.cs_apply h2 {margin-bottom:16px; font-size:24px; font-weight:700; color:#fff;}
.cs_apply .set_apply {overflow:hidden;}
.cs_apply .apply_input {float:left; width:375px;}
.cs_apply .apply_input li {overflow:hidden; margin-bottom:4px;}
.cs_apply .apply_input li:last-child {margin-bottom:0;}
.cs_apply label {float:left; display:block; width:95px; line-height:37px; font-size:16px; color:#fff;}
.cs_apply .set_ip {position:relative; float:left; width:280px;}
.cs_apply .set_ip .ip_comm {height:37px;border:1px solid #fff; color:#fff;}
.cs_apply .set_ip .ip_comm.amt {padding-right:40px;}
.cs_apply .output,
.cs_apply .output2 {clear:both; height:16px; text-align:right; font-size:12px; line-height:16px; color:#fff; letter-spacing:0;}
.cs_apply .set_apply .bar {line-height:37px; color:#fff;}
.cs_apply .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#fff;}
.cs_apply #ext_fmail_btn_1 {display:block; float:left; width:135px; height:160px; margin-left:10px; background-color:#224c9c; text-align:center; line-height:160px; font-size:20px; font-weight:600; color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.3)}

/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.cs_apply .set_apply .set_ip select	{background-image:url(/images/bg_select_w.png);}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	.cs_apply .set_apply .set_ip select	{background-image:url(/images/bg_select_w.png);}
}

::-webkit-input.amt-placeholder { /* Edge */
  text-align: left;
}

:-ms-input.amt-placeholder { /* Internet Explorer */
  text-align: left;
}

.amt::placeholder {
  text-align: left;
}


#main02 {display:flex; justify-content: space-between; padding:50px 0; }
#main02::after {display: none;}
#main02 .cs_apply { width:575px; padding:32px 40px;}
#main02 .cs_apply .apply_input {float:none; width:100%;}
#main02 .cs_apply .apply_input::after {content:""; display: block; clear: both;}
#main02 .cs_apply .apply_input li {overflow: visible; position: relative; float:left; width:49.5%; margin-right:1%; margin-bottom:4px; background-color: #fff;}
#main02 .cs_apply .apply_input li.span2 {width:100%; margin-right:0;}
#main02 .cs_apply .apply_input li:nth-child(2n) {margin-right:0;}
#main02 .cs_apply .ip_comm {height:44px; border:0; color:#444;}
#main02 .cs_apply .ip_comm.amt {padding-right:40px;}
#main02 .cs_apply textarea.ip_comm {height:100px;}
#main02 .cs_apply .unit {color: #222;}
#main02 .cs_apply .output2 {overflow: hidden; position: absolute; right:5px; top:40px; height:16px; display:flex; background-color: #224c9c; font-size:12px; font-weight: 300; line-height:16px; color:#fff; letter-spacing:0; z-index: 10;}
#main02 .cs_apply #ext_fmail_btn_1 {float:none; display:block; width:135px; height:50px; margin:0 auto; margin-top:20px; line-height:50px;}

.ban_ex {overflow: hidden; position: relative; transition:0.5s}
.ban_ex > div {position: absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.6);}
.ban_ex img {display: block; transition:0.5s}
.ban_ex:hover { box-shadow:0 0 20px rgba(0,0,0,0.5) }
.ban_ex:hover img {transform:scale(1.1);}
.ban_ex p {font-size: 16px; color: #ccc;}
.ban_ex h2 {margin-top:20px; font-size: 36px; font-weight: 700; color: #fff;}

#main05 {display:flex; justify-content: space-between; margin-top:50px;}
#main05.cont_center::after {display: none;}

#main06 {display:flex; flex-wrap:wrap; justify-content: space-between; margin:30px auto 60px auto;}
#main06 .main_item {display:flex; flex-direction: column; justify-content: center; align-items: center; width: 380px; height: 380px; margin-bottom: 30px; padding-bottom: 20px; transition:0.5s;}
#main06 .main_item:hover {box-shadow:0 0 50px rgba(0,0,0,0.3)}
#main06 .main_item img {display: block;}
#main06 .main_item p {margin-top: 20px; color: #666;}
#main06 .main_item h2 {margin-top:15px; font-size: 26px; font-weight: 700; color: #222;}


#main06 .cs_apply {padding:0 40px;}
#main06 .cs_apply h2 {display:flex; align-items: center; justify-content: flex-start; width: 100%; margin-top: 0; margin-bottom: 15px;  font-size: 22px; font-weight: 700;}
#main06 .cs_apply h2 img {margin-right: 5px;}
#main06 .cs_apply form {width:300px}
/* #main06 .cs_apply .apply_input {width:300px} */
#main06 .cs_apply .apply_input::after {content:""; display: block; clear: both;}
#main06 .cs_apply .apply_input li {overflow: visible; position: relative; float:left; width:149px; margin-right:2px; margin-bottom:2px; background-color: #f7f7f7; border-radius:4px; border:1px solid #ddd;}
#main06 .cs_apply .apply_input li.span2 {width:300px; margin-right:0;}
#main06 .cs_apply .apply_input li:nth-child(2n) {margin-right:0;}
#main06 .cs_apply .ip_comm {height:42px; padding-left:5px; border:0; font-size: 14px; color:#444;}
#main06 .cs_apply .ip_comm.tel {background-image:none; padding:0 5px !important;}
#main06 .cs_apply .bar {line-height:42px; }
#main06 .cs_apply .ip_comm.amt {padding-right:40px;}
#main06 .cs_apply textarea.ip_comm {height:100px;}
#main06 .cs_apply .unit {color: #222;}
#main06 .cs_apply .output2 {overflow: hidden; position: absolute; right:5px; top:10px; height:16px; display:flex; background-color: #224c9c; font-size:12px; font-weight: 300; line-height:16px; color:#fff; letter-spacing:0; z-index: 10;}
#main06 .cs_apply .set_btn {display:flex; justify-content: flex-end; padding-top: 10px; }
#main06 .cs_apply #ext_fmail_btn_1 {float:none; display:block; width:140px; height:48px; background-color: #224c9c; border-radius:4px; line-height:48px; text-align: center; font-size:16px; font-weight: 600; color: #fff; box-shadow:none}


#main03 {padding-bottom:50px;}
#main03 .main_ban {float:left; width:390px; margin-right:15px;}
#main03 .main_ban:last-child {margin-right:0;}

#main04 {padding:50px 0; background-color:#353f4c;}
#main04 .latest {position:relative; float:left; width:380px; margin-right:30px; padding:0 20px; }
#main04 .latest h2,
#main04 .latest a,
#main04 .latest span {color:#fff;}
#main04 .la_ex {margin-right:0;}
#main04 .latest h2 {padding-bottom:17px; border-bottom:1px solid #fff; font-size:24px; font-weight:600; }
#main04 .latest ul {margin-top:10px;}
#main04 .latest ul li {overflow:hidden; padding:8px 0;}
#main04 .latest ul li a,
#main04 .latest ul li div,
#main04 .latest ul li span {line-height:14px;}
#main04 .latest ul li .cnt_cmt {margin-left:4px; color:yellow}
#main04 .latest ul li .date {float:right; font-size:11px; opacity:0.5}
#main04 .latest ul li div {display:inline-block; margin-left:4px;}
#main04 .latest .btn_more {position:absolute; right:20px; top:8px; font-size:12px; opacity:0.5}

.pop_agree {display:block;}

.pop_agree .agree_box {overflow:hidden; margin-top:15px;  border:1px solid #009fe8; border-radius:6px; background-color:#e7f6fd;}
.pop_agree fieldset,
.pop_agree label {display:block; margin:0; padding:0; text-align:left;}
.pop_agree fieldset {overflow:hidden; position:relative; padding: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; float:none; width:100%; padding-left:26px; line-height:20px;  font-size:13px; color:#444}
.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 #bbe1f2}
.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:#009fe8; border:1px solid #009fe8}
.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:110px; padding:10px; border:0; background-color:rgba(255,255,255,0.8); resize:none; box-sizing:border-box; line-height:1.5; font-size:13px; outline: none;}

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

.pop_agree .btn_sm {width:120px; height:50px; margin:0 auto; margin-top:30px; background-color:#224c9c;}

.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:600px; padding:40px; transform:translate(-50%,-50%); border-radius:20px; background-color:#fff;}

.main_form_wrap .right .ext_fmail_agree_box {left:auto; right:10%; transform:translate(0,0); top:-5%; box-shadow:0 0 15px rgba(0,0,0,0.1); }

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


/*========= footer ===========*/
#footer {position:relative; padding:70px 0; background-color:#eee;}
#footer .caution {margin:25px 0; line-height:34px; font-size:24px; color:#ff8400; }
#footer .set_info {overflow:hidden; margin:30px 0;}
#footer ul {margin-top:20px;}
#footer ul li {line-height:34px; font-size:24px; font-weight:300; color:#888;}
#footer ul.site_info li {display:inline-flex; margin-right:30px; line-height: 32px; font-size: 20px;}
#footer .site_info li:last-child {margin-right: 0;}
#footer .btn_top {position:absolute; right:20px; bottom:20px; z-index:100;}
#footer .btn_sch {display:inline-flex; font-size: inherit; font-weight: 300; color: #aaa; text-decoration: underline;}
#footer .ft_menu li {display:inline-flex; margin-right:10px;}
#footer .ft_menu li a {font-size:20px; font-weight: 600; color:#888;}
#footer .footer_note { margin:0; font-size:14px; color:#fff; line-height:1.4; font-weight:300; white-space:pre-line; }

#quick {position:fixed; right:10px; bottom:10px; z-index:200;}
#quick>a,
#quick>div>a {display:block; width:80px; padding:15px 0; text-align:center; border:1px solid #224c9c}
#quick a p {margin-top:10px; font-size:14px;}
#quick a i {font-size:20px;}

#quick #favorite {background-color: #f0831c; border-color:#f0831c;}
#quick #favorite i {color: #fff;}
#quick #favorite p {color: #fff;}

#quick .btn_top {margin-top:5px; background-color:rgba(255,255,255,0.8);}
#quick .btn_top p,
#quick .btn_top i {color:#224c9c;}

#quick .btn_kakao {margin-top:5px; background-color: #f9e000; border-color:#f9e000}
#quick .btn_kakao img {display: block; width:auto; height:20px; margin:0 auto; }
#quick .btn_kakao p {color: #3b1e1e;}

#quick .btn_menu {margin-top: 5px; background-color:#224c9c;}
#quick .btn_menu p,
#quick .btn_menu i {color:#fff;}

#quick .q_menu ul {display:none; background-color:#0098de;}
#quick .q_menu ul li {border-bottom:1px solid rgba(255,255,255,0.2);}
#quick .q_menu ul li:last-child {border-bottom:0;}
#quick .q_menu ul li a {display:block; text-align:center; line-height:28px; font-size:13px; color:#fff; }

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

#sub_visual {height:350px; background-image:url(/images/sub_visual01.jpg);}
#sub_visual .cont_center {padding-left:80px;}
#sub_visual .cont_center .p1 {padding-top:110px; font-size:48px; color:#224c9c;}
#sub_visual .cont_center .p2 {margin-top:20px; font-size:22px; line-height:30px; color:#000;}

#sub_contents {padding-top:60px; margin-bottom:80px;}
#sub_contents.sub01 {width:100%; padding-top:0px;}


#page_title {margin-bottom:30px; font-size:32px; font-weight:800; color:#333;}

#sub_menu {overflow:hidden; margin-bottom:50px;  padding-bottom:20px; border-bottom:1px solid #666;}
#sub_menu li {float:left; margin-right:20px;}
#sub_menu li a {display:block; line-height:20px; font-size:18px;}
#sub_menu li a.on {font-weight:700; color:#224c9c}


.sub_title {margin-top:60px; margin-bottom:25px; }
.sub_title:first-child {margin-top:0;}
.sub_title h4 {font-size:24px; font-weight:700; color:#333;}
.sub_title .ex {margin-top:10px; font-size:15px; color:#666;}

/* 담보대출 정보 */
.tbl_info {}
.tbl_info th,
.tbl_info td {padding:10px 15px; background-color:#f0f0f0; border-bottom:4px solid #f9f9f9; line-height:22px; text-align:left; font-size:16px; }
.tbl_info th {width:100px; font-weight:700; color:#224c9c;}
.tbl_info td {}

.loan_info {overflow:hidden; margin-bottom:60px;  padding:50px 0; border:1px solid #eee; background-color:#f9f9f9;}
.loan_info .icon_cont {float:left; width:360px; padding-top:56px; text-align:center;}
.loan_info .icon_cont img {display:block; margin:0 auto; margin-bottom:18px;}
.loan_info .icon_cont .cate {font-size:20px; font-weight:600; color:#333;}
.loan_info .tbl_info {float:left; width:780px;}


/* */
.tbl_result {border-top:1px solid #224c9c;}
.tbl_result th,
.tbl_result td {height:30px; padding:10px 15px; border-bottom:1px solid #ddd; font-size:16px;}
.tbl_result th {font-weight:600; background-color:#f2f2f2;}
.tbl_result td {}
.tbl_result dt,
.tbl_result dd {display:inline-block; font-size:16px;}
.tbl_result dt {margin-right:3px; }
.tbl_result dd {margin-right:20px; }

.pd_refer {margin-top:15px; font-size:16px; font-weight:700; color:red;}

.sch.sub_sch {background:linear-gradient(340deg,#0848d1,#0075c2); padding-top:60px; }
.sch.sub_sch  .title{color:#fff;  }
.sch.sub_sch .main_sch .btn_sm {width:170px; }
.sch.sub_sch ul li{color:#fff; }


.sub_btm {background-color:#009fe8}
.sub_btm .cs_apply {padding:40px 0; }
.sub_btm .cs_apply h2 {margin-bottom:30px;text-align:center}
.sub_btm .cs_apply .set_apply {}
.sub_btm .cs_apply .set_apply .apply_input {overflow:hidden; float:none; width:1040px; margin:0 auto;}
.sub_btm .cs_apply .set_apply .apply_input li {float:left; width:250px; margin:0 5px;}
.sub_btm .cs_apply label {float:none; width:100%; margin-bottom:8px; line-height:1; font-size:15px; font-weight:400;}
.sub_btm .cs_apply .set_ip {overflow:hidden; float:none; width:100%; border:2px solid #fff;}
.sub_btm .cs_apply .set_ip .ip_comm {height:50px; border:none; font-size:16px; font-weight:600;}
.sub_btm .cs_apply .set_ip .bar {line-height:50px;}
.sub_btm .cs_apply .set_ip .unit {font-size:16px;}
.sub_btm .cs_apply .set_ip textarea.ip_comm {height:244px; border:none;}

.sub_btm .cs_apply .set_apply #ext_fmail_btn_1 {float:none; height:50px; margin:0 auto; margin-top:20px; line-height:50px; font-size:18px; }

.blue {color:#224c9c;}

.p_comm {margin-top:20px; font-size:18px; line-height:30px;}
.p_comm:first-child {margin-top:0;}

.sub0101 .intro {min-height:700px; padding-top:100px; background-image:url(/images/bg_sub0101.jpg); background-size:cover;}
.sub0101 h3 {float:left ;width:340px; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.sub0101 .set_txt {float:right; width:760px;}
.sub0101 .set_txt .p1 {font-size:30px; line-height:48px; color:#000;}


.sub_btm2 {margin-top:60px;}
.sub_btm2 .cs_apply {padding:40px 200px;}
.sub_btm2 .cs_apply .set_apply {overflow:hidden; }
.sub_btm2 .cs_apply .set_apply .apply_input {float:left; width:49%; margin:0; margin-right:2%}
.sub_btm2 .cs_apply .set_apply .set_memo {float:left; width:49%;}
.sub_btm2 .cs_apply .set_apply .apply_input li {float:none; width:100%; margin:0; margin-bottom:20px;}
.sub_btm2 .cs_apply .set_apply .apply_input li:last-child {margin-bottom:0;}
.sub_btm2 .output {display:block; margin-top:5px; font-size:12px; color:#fff;}

.sub_btm2 .cs_apply #ext_fmail_btn_2 {float:none; width:135px; height:50px; margin:0 auto; margin-top:20px; line-height:50px; background-color:#224c9c; text-align:center; font-size:18px;  box-shadow:0 2px 5px rgba(0,0,0,0.3)}

.sub03 .sub_btm2 {background-color:#fff;}
.sub03 .sub_btm2 .cs_apply {padding:0; background-color:#fff;}
.sub03 .sub_btm2 .cs_apply h2 {display:none;}
.sub03 .sub_btm2 .cs_apply .ip_comm {outline:none;}
.sub03 .sub_btm2 .cs_apply .set_apply {width:400px 0}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input {overflow:hidden; float:none; width:100%; margin-right:0%}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li {float:left; width:49%; margin-right:2%; }
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li:nth-child(2n) {margin-right:0;}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li .set_ip {border:1px solid #ccc}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li .ip_comm {color:#444;}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li select.ip_comm {background-image:url(/images/bg_select.png);}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li .bar {color:#444;}
.sub03 .sub_btm2 .cs_apply .set_apply .apply_input li .unit {color:#444;}
.sub03 .sub_btm2 .cs_apply .set_apply .set_memo {float:none; width:100%;}
.sub03 .sub_btm2 .cs_apply .set_apply .set_memo .set_ip {border:1px solid #ccc;}
.sub03 .sub_btm2 .cs_apply .set_apply .set_memo .ip_comm { color:#444;}
.sub03 .sub_btm2 .cs_apply .set_apply label {color:#666;}
.sub03 .sub_btm2 .cs_apply .set_apply .set_ip {border:1px solid #ccc;}
.sub03 .sub_btm2 .output {color:#888;}

.sub0301 {}
.sub0301 .apply_result {width:800px; margin:0 auto; padding:80px 0; border-radius:30px; border:1px solid #ddd; text-align:center;}
.sub0301 .apply_result figure i {font-size:60px; color:#aaa;}
.sub0301 .apply_result h4 {margin-top:20px; font-size:26px; font-weight:700;}
.sub0301 .apply_result .date {margin-top:15px; font-size:15px; color:#666}
.sub0301 .apply_result .set_btn {margin-top:40px; text-align:center;}
.sub0301 .apply_result .set_btn a {display:inline-block; margin:0 2px; padding:0 18px; line-height:44px; border-radius:4px; background-color:#224c9c; font-size:16px; color:#fff; }
.sub0301 .apply_result .tel {position:relative; padding-top:30px; margin-top:40px; font-size:18px;}
.sub0301 .apply_result .tel::after {position:absolute; left:50%; top:0; display:block; width:30px; height:1px; background-color:#aaa; transform:translateX(-50%); content:""}
.sub0301 .apply_result .tel strong {color:#224c9c}

.sub0302 {}
.sub0302 .set_tel {padding:80px 0; text-align:center;}
.sub0302 .icon_tel {display:flex; width:100px; height:100px; margin:0 auto; text-align:center; align-items:center; justify-content: center;  border-radius:100px; border:2px solid #224c9c;}
.sub0302 .icon_tel i {font-size:40px; color:#224c9c;}
.sub0302 .tel {display:inline-block; margin-top:20px; text-align:center; font-size:36px; font-weight:700; color:#333;}
.sub0302 .ex {margin-top:10px; text-align:center; color:#666;}

/* 공통 */
.li_comm {}
.li_comm li {position:relative; margin-bottom:5px; padding-left:15px; line-height:20px; background-image:url(/images/chk.svg); background-position:left 5px; }
.li_comm li {margin-bottom:5px;}
.li_comm li:last-child {margin-bottom:0;}

.tbl_paper {border-top:1px solid #aaa;}
.tbl_paper th,
.tbl_paper td {padding:15px; line-height:20px; border:1px solid #ddd; border-top:0; text-align:center; font-size:16px; font-weight:500;}
.tbl_paper thead th {background-color:#eee; font-weight:600;}
.tbl_paper tbody th {background-color:#f9f9f9; }
.tbl_paper td {}
.tbl_paper .ta_l {text-align:left;}
.tbl_paper tfoot {}
.tbl_paper tfoot th,
.tbl_paper tfoot td {background-color:#f5f5f1}
.tbl_paper tfoot th {font-weight:600;}
.tbl_paper tfoot td {color:red;}

.tbl_ex td {text-align:left;}
.tbl_ex td.s_tit {text-align:center; background-color:#fdfdfd}
.tbl_ex td strong {font-weight:600;}


/* 대출도우미 > 이자계산기 */

.sub0401 {}
.sub0401 .calculator {overflow:hidden;border:1px solid #ddd;background-color:#f9f9f9;}
.sub0401 .calculator .area1,
.sub0401 .calculator .area2 {float:left; width:50%; padding:40px 50px;}
.sub0401 .calculator .area1 {border-right:1px dashed #ddd; background-color:#fff;}
.sub0401 .calculator .area1 .cal_input {overflow:hidden; }
.sub0401 .calculator .area1 .cal_input li {float:left ; width:49%; margin-right:2%; margin-bottom:20px;}
.sub0401 .calculator .area1 .cal_input li:nth-child(2n) {margin-right:0;}
.sub0401 .calculator .area1 .cal_input li label {display:block; width:100%; margin-bottom:10px; font-size:14px; color:#777;}
.sub0401 .calculator .area1 .cal_input li .set_ip {position:relative; border:1px solid #ddd;}
.sub0401 .calculator .area1 .cal_input li .set_ip .ip_comm {padding-right:30px;}
.sub0401 .calculator .area1 .cal_input li .set_ip .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.sub0401 .calculator .area1 .cal_input li .output2 {margin-top:4px; font-size:12px; color:#224c9c}
.sub0401 .calculator .area1 .cal_input li.set_btn {padding-top:24px; }
.sub0401 .calculator .area1 .cal_input .btn_sm {height:42px; background-color:#224c9c; font-size:16px; font-weight:600;}

.sub0401 .calculator .area2 {}
.sub0401 .calculator .area2 h5 {font-size:18px; font-weight:600;}
.sub0401 .calculator .area2 dl {margin-top:20px;}
.sub0401 .calculator .area2 dl dt {margin-bottom:10px; color:#666;}
.sub0401 .calculator .area2 dl dd {margin-bottom:30px; font-size:18px; font-weight:700; color:#222;}
.sub0401 .calculator .area2 dl dd.total {font-size:22px; color:#224c9c;}


.graph {overflow:hidden; padding:30px 40px; background:#f3f3f3; border:1px solid #eee;}

.graph_list {float:left; width:60%; padding:30px; background-color:#fff; }
.graph_list .category {overflow:hidden; }
.graph_list .category dt,
.graph_list .category dd {float:left;}
.graph_list .category dt {width:16px; margin-right:4px; text-align:center;}
.graph_list .category dt div {display:inline-block; width:100%; height:16px;}
.graph_list .category dd {margin-right:15px; line-height:16px; font-size:12px; }
.graph_list .cate1 {background-color:#c8f1f6;}
.graph_list .cate2 {background-color:#224c9c;}
.graph_list .cate3 {border:1px solid #eee;}

.graph_scope {position:relative; margin-top:20px;  }
.graph_scope .arr_txt {text-align:center; line-height:20px;}
.graph_scope .arr {position:absolute; top:0; line-height:20px;}
.graph_scope .arr_left{left:0; }
.graph_scope .arr_right{right:0;}

.ex_graph {height:140px; margin-top:20px; position:relative;background:url(/images/graph_line.gif) left bottom repeat;}
.ex_graph ul {width:100%; height:130px; position:absolute; left:0; bottom:0; vertical-align:top; clear:both;}
.ex_graph ul li{width:5%; height:100%; position:relative; list-style:none; display:block; margin-right:3.3%; float:left;}
.ex_graph ul li.last{margin-right:0;}
.ex_graph ul li span{width:100%; position:absolute; bottom:0; display:block;}

.graph_example {float:right; width:35%; padding-top:10px;}
.graph_example .tit {margin-bottom:20px; font-size:16px; font-weight:600; color:#333;}
.graph_example .set_ex {overflow:hidden;}
.graph_example .set_ex dl {float:left; width:49%; margin-right:2%; margin-bottom:10px; padding:20px; background-color:#ddd; text-align:center;}
.graph_example .set_ex dl:nth-child(2n) {margin-right:0;}
.graph_example .set_ex dl dt {display:inline-block; margin-bottom:15px; border-bottom:1px solid #aaa; font-size:14px;}
.graph_example .set_ex dl dd {font-size:18px; font-weight:700;}
.graph_example .result {margin-top:10px; text-align:center; font-size:16px; font-weight:700;}

.sub0401 {}
.sub0401 .tbl_paper {border-top:0}
.sub0401 .tbl_paper:first-of-type {border-top:1px solid #aaa;}
.sub0401 .tbl_paper th,
.sub0401 .tbl_paper td {width:20%}

/* 대출도우미 > 부대비용 */
.sub0402 {}
.sub0402 .info_paper {padding:40px 30px; border:1px solid #eee; background-color:#fefefe;}
.sub0402 .info_paper h5 {margin-bottom:15px; font-size:16px; font-weight:600;}
.sub0402 .info_paper .ex {line-height:22px; color:#666;}
.sub0402 .info_paper a {position:relative; display:inline-block; margin-top:30px; padding:0 30px 0 15px; line-height:36px; border-radius:4px; background-color:#224c9c; color:#fff;}
.sub0402 .info_paper a i {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#fff;}

/* 고객센터 > 업무제휴 */
.sub_btm3 { width:540px; margin:0 auto; background-color:#fff;}
.sub_btm3 .ip_comm {outline:none;}
.sub_btm3 .apply_input {}
.sub_btm3 .apply_input li {margin-bottom:20px;}
.sub_btm3 .apply_input li label {display:block; margin-bottom:10px; font-size:14px;}
.sub_btm3 .apply_input li .set_ip {position:relative; overflow:hidden; border:1px solid #ccc}
.sub_btm3 .apply_input li .ip_comm {color:#444;}
.sub_btm3 .apply_input li select.ip_comm {background-image:url(/images/bg_select.png);}
.sub_btm3 .apply_input li .bar {color:#444;}
.sub_btm3 .apply_input li .unit {color:#444;}
.sub_btm3 .btn_sm {width:135px; height:50px; margin:0 auto; margin-top:30px; background-color:#224c9c; color:#fff; font-weight:700; box-shadow:0 2px 5px rgba(0,0,0,0.3)}


/* 고객센터 > 진행사례 */



.loan_tab th {height:50px; font-size:15px; color:#3f3f3f; border-top:2px solid #2a5caa; border-bottom:2px solid #2a5caa}
.loan_tab td {height:50px; text-align:center; font-size:15px; color:#5f5f5f; border-bottom:1px solid #c0c0c0;}
.loan_tab .lline {border-left:1px solid #c0c0c0;}

.loan_btn01 a {display:inline-block; background:#37990c; width:190px; height:50px; line-height:50px; border-radius:0.3em; border:1px solid #37990c; font-size:18px; color:#fff; font-weight:600;}
.loan_btn01 a:hover {color:#fff; text-decoration:none;}
.loan_btn02 a {display:inline-block; background:#242424; width:190px; height:50px; line-height:50px; border-radius:0.3em; border:1px solid #242424; font-size:18px; color:#fff; font-weight:600;}
.loan_btn02 a:hover {color:#fff; text-decoration:none;}

.loan_step {}
.loan_step h4 {padding-top:40px; margin-bottom:30px; text-align:center; font-size:24px; font-weight:700; color:#333}
.loan_step h4 span {color:#224c9c;}
.loan_select {display:flex; overflow:hidden; text-align:center; align-items: center; justify-content: center;}
.loan_select a {display:flex; align-items: center; justify-content: center; width:300px; height:300px; margin:0 10px; border-radius:300px; border:1px solid #ddd; cursor: default;}
.loan_select a.on {background-color:#224c9c; border:1px solid #224c9c;}
.loan_select a dl {cursor: pointer;}
.loan_select a dt {font-size:16px; font-weight:700;}
.loan_select a dd {margin-top:15px; font-size:20px; font-weight:400; line-height:1.5;}
.loan_select a.on dt {color:#fff}
.loan_select a.on dd {color:#fff}

.loan_step .set_input {width:460px; margin:0 auto;}
.loan_step .chk_sample_input {}
.loan_step .chk_sample_input li {margin-bottom:25px;}
.loan_step .chk_sample_input li label {display:block; margin-bottom:8px;}
.loan_step .chk_sample_input li .set_ip {position:relative; overflow:hidden; border:1px solid #ddd;}
.loan_step .chk_sample_input li .ip_comm {outline:none;}
.loan_step .chk_sample_input li .ip_comm.readonly {padding-right:30px;background-color:#f4f4f4; text-align:right; font-weight:bold; color:red; }
.loan_step .chk_sample_input li .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.loan_step .output {margin-top:3px; font-size:12px; color:#666;}
.loan_step .refer {margin-top:5px; line-height:22px;}

.loan_step .loan_result {overflow:hidden; border-top:1px solid #ddd;}
.loan_step .loan_result dt,
.loan_step .loan_result dd {float:left; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:16px; }
.loan_step .loan_result dt {width:40%; text-align:left;}
.loan_step .loan_result dd {width:60%; text-align:right; font-weight:600;}
.loan_step .loan_result dd span {font-weight:700;}
.loan_step .loan_result_month {margin-top:15px; text-align:center; font-size:18px; font-weight:600;}

.loan_step_txt {background:#f8f8f8; width:690px; line-height:50px; border-radius:0.3em; border:1px solid #f8f8f8; margin-top:10px; maxlang}
.loan_step_txt h3 {font-size:24px; color:#2f2f2f; line-height:26px;}
.loan_step_calbg {width:610px; margin:0 auto; background:#ebebeb; border-radius:0.3em; border:1px solid #ebebeb; margin-top:20px; padding:10px 0 0 0}
.loan_step_cal th {font-size:16px; text-align:left; padding-left:20px; letter-spacing:-0.08em;}
.loan_step_cal td { padding-right:20px;}
.loan_step_calbg .stxt1 {font-size:12px; color:#4f4f4f; letter-spacing:-0.08em; text-align:left; padding-left:20px;}
.loan_step_txt .stxt2 {font-size:16px; color:#2f2f2f; font-weight:600;}

.ex_sub0501_img{width:670px;height:200px;position:relative}
.ex_img{position:absolute;top:30px;left:0}
.ex_content{width:400px;position:absolute;top:35px;left:175px;font-size:14px;}
.ex_date{position:absolute;top:0;left:35px;font-size:14px;color:#5c5c5c}
.ex_hit{position:absolute;top:0;right:20px;font-size:14px;color:#5c5c5c}

.ex_btn_wrap{width:100%;position:absolute;top:190px;left:0;text-align:center}


.v2_ex_wrap{position:relative; margin-bottom:20px; padding:50px 200px 50px 170px; background-color:#f9f9f9; border:1px solid #eee; background-image:url(/images/sub0504.png); background-position:50px 55px; background-size:80px; transition:all 0.3s}
.v2_ex_wrap:hover {border:1px solid #224c9c}
.v2_ex_wrap .v2_ex_subject {font-size:20px; font-weight:600;}
.v2_ex_wrap .ex_info {margin-top:10px; color:#777;}
.v2_ex_wrap .ex_info span {margin-right:20px;}
.v2_ex_wrap .v2_ex_content {margin-top:15px; line-height:1.8; font-size:15px;}
.v2_ex_wrap .v2_ex_btn {position:absolute; right:40px; top:50px; width:120px; border-radius:100px; border:1px solid #ccc; color:#555;transition:all 0.3s}
.v2_ex_wrap:hover .v2_ex_btn {background-color:#224c9c; border:1px solid #224c9c; color:#fff;}
.v2_ex_wrap .v2_ex_btn a {display:block; width:100%; height:120px; line-height:120px; text-align:center; font-size:18px; font-weight:400; color:inherit;}


.ex_view_title {padding-top:100px; background-image:url(/images/sub0504.png); background-position:center top; background-size:auto 80px; text-align:center; font-size:24px; font-weight:700; color:#333;}
.ex_view_info {margin-top:10px; text-align:center; color:#777;}
.ex_view_info span {margin:0 10px;}
.ex_view_cont  {width:800px; margin:0 auto; margin-top:20px; text-align:center; font-size:16px; line-height:1.8;}
.arr_after {margin-top:60px;text-align:center;}
.arr_after i {font-size:50px; color:#aaa;}
.ex_view_set_btn  {margin-top:50px; text-align:center;}
.ex_view_set_btn a {display:inline-block; line-height:46px; padding:0 20px; background-color:#224c9c; font-size:15px; color:#fff;}
.ex_view_set_btn a.btn_list {background-color:#ddd; color:#666;}

.sub0501 {}
.sub0501 .set_tbl_after {border:2px solid #224c9c; box-shadow:0 0 5px rgba(0,0,0,0.5)}
.sub0501 .set_tbl_after .tbl_paper thead th {background-color:#224c9c; color:#fff;}



/* ====================== 기존 css =========================*/

/**** 컨텐츠 ****/
#container {width:100%; min-width:1000px; background:url(../images/main_visualbg.gif) center top repeat-x;}
#container:after {content:""; display:block; clear:both;}
#container .contentbg {width:100%;}
#container .content {width:1000px; margin:0 auto;}
#container .content:after {content:""; display:block; clear:both;}

.content .main_cont {width:1000px; margin-top:14px;}
.content .main_cont ul {margin:0; padding:0;}
.content .main_cont li {float:left}

.content .main_cont .ban {width:275px; height:220px; border:1px solid #e8e8e8; margin-left:60px;}
.content .main_cont .ban img {margin:15px 0 0 20px;}


/**** 금리비교 ****/
.content .main_bank{ float:left; width:492px; height:196px; font-family:'맑은 고딕',돋움,dotum,sans-serif; border:2px solid #236705; background:#f6f6f6;}
/*.content .main_bank h1 {margin:20px 0 0 18px;}*/
.content .main_bank .title {text-align:center; margin:20px 0 0 0;}
.content .main_bank .title p {display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:bold; line-height:20px; color:#777;}
.content .main_bank .title h2 {display:inline-block; position:relative; top:-6px; margin-left:8px; font-family: 'Noto Sans KR', sans-serif; font-size:32px; font-weight:bold; color:#37990c; letter-spacing:-2px;}
/*.main_bank .bank_box {margin:15px 0 0 18px;}*/
.main_bank .bank_box {margin:0px 0 0 18px;}

.content .main_ban1{width:1000px; margin-top:5px;}

.content .main_ban1>ul	{overflow:hidden;}
.content .main_ban1>ul>li	{position:relative; float:left; margin-right:4px;}
.content .main_ban1>ul>li:last-child	{margin-right:0;}
.content .main_ban1>ul>li>a.banner	{overflow:hidden; display:block; width:100%; height:95px;}
.content .main_ban1>ul>li>a.banner img	{margin-top:0;}
.content .main_ban1>ul>li>a.banner:hover img	{margin-top:-95px;}

.content .main_ban1>ul>li a.ban_map	{position:absolute; left:10px; display:block; width:116px; height:15px;}
.content .main_ban1>ul>li a.ban_map.map1	{top:45px;}
.content .main_ban1>ul>li a.ban_map.map2	{top:60px;}

/**** 1:1상담신청 ****/
.content  .main_coun_fmail {float:left; width:243px; height:198px; font-family:'맑은 고딕',돋움,dotum,sans-serif; border:1px solid #cacaca; margin-left:5px;}
.main_coun_fmail .fmail_box {width:220px; margin-top:5px;}
.main_coun_fmail .inqu_txt {font-size:0.9em; letter-spacing:-1px;}
.t11 {color:#4e4e4e;}


/**** not ****/
.content .time {width:233px; height:198px; border:1px solid #cacaca; margin-left:5px;}
.content .timelist {margin:20px 0 0 20px;}
.content .timelist td {color:#4f4f4f; font-size:1em; height:22px; font-family:'맑은 고딕',돋움,dotum,sans-serif; border-bottom:1px dotted #c9c9c9; padding:4px;}
.content .timelist .date {color:#707070;}


/**** Q&A ****/
.content .qna {width:243px; height:197px; border:1px solid #cacaca;}
.content .qnalist {margin:20px 0 0 0;}
.content .qnalist td {color:#5b5b5b; font-size:1em; height:22px; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.content .qnaline {border-bottom:1px solid #cacaca;}

.main_center {margin-left:2px;}

.content .loancoun {width:234px; height:197px; border:1px solid #cacaca;}
.content .qnalist {margin:20px 0 0 0;}
.content .qnalist td {color:#5b5b5b; font-size:1em; height:22px; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.content .qnaline {border-bottom:1px solid #cacaca;}


/**** 서브 컨텐츠 ****/
#subcontainer {width:100%; /*background:url(../images/scline.gif) center top repeat-y;*/ z-index:9999;min-height:900px}
#subcontainer:after {content:""; display:block; clear:both;}
#subcontainer .contentbg {width:100%; background:url(../images/content_bg.gif) center top repeat-x;}
#subcontainer .content {width:1000px; height:100%; margin:0 auto; }
#subcontainer .content .left_title {}

#subcontainer .content .left_menu {float:left; width:200px; height:100%; margin-top:20px;}
#subcontainer .content .left_menu ul {}
#subcontainer .content .left_menu ul li {text-align:center;}
#subcontainer .content .left_menu ul li:first-child {border-top:0;}
#subcontainer .content .left_menu ul li a {}
#subcontainer .content .left_menu ul li a:hover {}
#subcontainer .content .left_menu ul li a.over {}

/**** 1:1상담신청left ****/
#subcontainer .content .leftban {float:left; width:200px; height:199px; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
#subcontainer .content .leftban .fmail_box {width:190px; margin-top:5px; font-size:0.9em;}
#subcontainer .content .leftban .inqu_txt {font-size:0.8em; letter-spacing:-1px;}
#subcontainer .content .t11 {color:#4e4e4e;}

#subcontainer .content .sub_content {float:left; position:relative; width:750px; margin-left:45px;}
#subcontainer .content .sub_content .sub_tit {text-align:left; font-family:'맑은 고딕',돋움,dotum,sans-serif; font-size:2.4em; color:#5b5b5b; font-weight:600;}
#subcontainer .content .sub_content .page_position {font-family:'맑은 고딕',돋움,dotum,sans-serif; text-align:right; font-size:1.1em; color:#5b5b5b;}
.page_position img {padding:0 6px;}

#subcontainer .content .sub_content .sub_detail {margin:45px 0 0 0;width:100%}

/**** 아파트담보대출 상단 텍스트 ****/
/*#subcontainer .loan_txt {width:750px; height:260px; background:url(../images/img0201.jpg) left top no-repeat; padding:30px 0 0 30px; margin-bottom:10px;}
#subcontainer .loan_txt .h2 {font-family:'맑은 고딕',돋움,dotum,sans-serif; font-size:21px; font-weight:500; color:#424242; letter-spacing:-0.08em; background:url(../images/txt_tline.gif) left top no-repeat; padding-top:10px;}
#subcontainer .loan_stxt {width:420px; border-top:1px solid #ccc; margin-top:15px; padding-top:15px;}
#subcontainer .loan_stxt p {font-family:'맑은 고딕',돋움,dotum,sans-serif; font-size:13px; color:#4a4a4a; letter-spacing:-0.06em; background:url(../images/loan_dot.gif) left 10px no-repeat; padding-left:7px; margin-bottom:10px;}*/

#subcontainer .loan_txt	{position:relative; height:auto; background:none; padding:0;}
#subcontainer .loan_txt .rate	{position:absolute; top:40px; width:120px; height:120px; padding-top:32px; background:url(../images/img02_top.png) no-repeat; text-align:center; box-sizing:border-box; font-family:'맑은 고딕',돋움,dotum,sans-serif; font-size:20px; color:#fff; line-height:1;}
#subcontainer .loan_txt .rate p	{font-size:16px;}
#subcontainer .loan_txt .rate p stong	{font-size:20px; font-weight:bold;}
#subcontainer .loan_txt .rate1	{left:40px;}
#subcontainer .loan_txt .rate2	{left:166px;}

/**** 아파트담보대출 ****/
select.sel {display:inline-block;padding:2px 2px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:20px;border:1px solid #abadb3;font-family:'맑은 고딕',돋움,dotum,sans-serif;}
select.sel0 {display:inline-block;padding:2px 2px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:20px;border:1px solid #abadb3;font-family:'맑은 고딕',돋움,dotum,sans-serif;}

.loan_box {width:750px; height:240px; font-family:'맑은 고딕',돋움,dotum,sans-serif;}

.fm01 {width:746px; border-left:2px solid #37990c; border-right:2px solid #37990c; border-bottom:2px solid #37990c; background:url(../images/loan_box_tit01.gif) left top no-repeat;}
.fm02 {width:746px; border-left:2px solid #4a78cc; border-right:2px solid #4a78cc; border-bottom:2px solid #4a78cc; background:url(../images/loan_box_tit02.gif) left top no-repeat;}
.fm03 {width:746px; border-left:2px solid #dc1c1c; border-right:2px solid #dc1c1c; border-bottom:2px solid #dc1c1c; background:url(../images/loan_box_tit00.gif) left top no-repeat;}

.fm_tbl {border-collapse:collapse; font-family:'맑은 고딕',돋움,dotum,sans-serif; margin-left:23px;}
.fm_tbl th {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px; background-color:#fff; color:#4c4c4c; font-weight:normal; text-align:center;}
.fm_tbl td {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px; color:#6d6d6d;}

.fm_tbl02 {border-collapse:collapse; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.fm_tbl02 th {border-bottom:1px solid #e5e5e5; font-size:12px; line-height:18px; background-color:#fff; color:#575757; font-weight:normal;}
.fm_tbl02 td {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px;  color:#6d6d6d;}

.fm_tbl03 {border-collapse:collapse; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.fm_tbl03 th {border-bottom:1px solid #e5e5e5; font-size:12px; line-height:18px; background-color:#f2f2f2; color:#575757; font-weight:normal; text-align:left; padding-left:10px;}
.fm_tbl03 td {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px;  color:#6d6d6d; padding:5px 0;}

.fmail {border-collapse:collapse; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.fmail th {border-bottom:1px solid #dddddd; font-size:13px; line-height:18px; color:#666666; font-weight:normal;}
.fmail td {border-bottom:1px solid #dddddd; font-size:12px; line-height:18px; color:#666666;}
.fmail .privacy_tt {color:#545454;}

.t_line {border-top:2px #535353 solid;}
.t_line01 {border-top:2px #a39e0a solid;}
.b_line {border-bottom:2px #535353 solid;}
.r_line {border-right:1px solid #e7e7e7;}

.red{color:#ff452c;}
.blue{color:#0d83d3;}
.red1{color:#dc1c1c;}
.blue1{color:#295baa;}
.pl17{padding-left:17px}

/**** 금리조회 ****/
.loan_box01_bg {width:860px; height:235px; background:url(../images/loan_box01_bg.gif) center top no-repeat;}

/**** 대출계산기 ****/
#subcontainer .content .calcu {width:870px; height:280px; background:url(../images/sub_cal_bg.jpg) left top no-repeat;}
.calcu td {font-family:'맑은 고딕',돋움,dotum,sans-serif;}

/**** 부대비용 ****/
.tb01 {border-collapse:collapse; font-family:'맑은 고딕',돋움,dotum,sans-serif;}
.tb01 th {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px; background-color:#fff; color:#4c4c4c; font-weight:normal; text-align:center;}
.tb01 td {border-bottom:1px solid #e5e5e5; font-size:13px; line-height:18px; color:#6d6d6d;}
.txt {color:#6d6d6d; font-family:'맑은 고딕',돋움,dotum,sans-serif;}

/**** 게시판 ****/
.not_tbl01 {width:750px; border-collapse:collapse; margin:0 auto;}
.not_tbl01 th {font-size:13px; line-height:13px; color:#fff; font-weight:bold; background-color:#37990c; text-align:center; height:35px;}
.not_tbl01 td {border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:13px; line-height:18px; color:#000; height:35px;}
.not_tbl01 td a , .not_tbl01 .not_listtit a, .not_tbl02 .not_listtit a {color:#5c5c5c}
.not_tbl01 td a:hover, .not_tbl01 .not_listtit a:hover, .not_tbl02 .not_listtit a:hover {color:#5c5c5c;}

.not_tbl01 .not_listtit, .not_tbl02 .not_listtit, .not_tbl_view .not_listtit {padding-left:10px;}
.not_tbl01 .rline1, .not_tbl_view .rline1 {border-right:1px solid #2f850a;}
.not_tbl01 .rline2, .not_tbl02 .rline2, .not_tbl_view .rline2 {border-right:1px solid #fff;}
.not_tbl01 .bline,
.not_tbl_view .bline,
.not_tbl_write .bline {border-bottom:1px solid #c6c6c6;}

.not_tbl01 span,
.not_tbl02 span {color:#ed2000;}

.not_tbl02 {width:750px; border-collapse:collapse; margin:0 auto; margin-top:30px; border-top:2px solid #555555; border-bottom:2px solid #555555;}
.not_tbl02 th {font-size:13px; line-height:15px; color:#fff; font-weight:bold; background-color:#37990c; text-align:center; height:45px;}
.not_tbl02 td {border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-size:13px; line-height:18px; color:#6a6a6a; height:40px;}

.not_tbl_view {width:750px; border-collapse:collapse; margin:0 auto;}
.not_tbl_view th {font-size:13px; line-height:15px; color:#fff; font-weight:bold; background-color:#37990c; height:35px;}
.not_tbl_view td {font-size:13px; line-height:18px; color:#6a6a6a; height:40px;}

.not_tbl_write {width:750px; border-collapse:collapse; margin:0 auto; border-top:2px solid #37990c; border-bottom:2px solid #37990c;}
.not_tbl_write th {font-size:13px; line-height:15px; color:#fff; font-weight:bold; background-color:#37990c; height:35px; border-bottom:1px solid #2f850a;}
.not_tbl_write td {font-size:13px; line-height:18px; color:#6a6a6a; height:40px; padding:10px;}

.not_tbl_view .reply {border-top:2px solid #37990c; border-bottom:2px solid #37990c;}

a.btn_b03:link, a.btn_b03:visited, a.btn_b03:active {float:right; display:inline-block; font-size:13px; font-weight:600; color:#fff; background:#37990c;  width:80px; height:30px; line-height:30px; text-align:center;border:0; vertical-align:middle}
a.btn_b03:focus, .btn_b03:hover {text-decoration:none}


.inp2 {height:20px;line-height:20px}

/* 9.13 */

.rule_913 {margin-top:10px; margin-bottom:10px; padding:40px; background-color:#f9f9f9; border:1px solid #bbb; box-sizing:border-box;}
.rule_913 * { font-family:맑은고딕,'맑은 고딕',sans-serif; }
.rule_913 .tit {margin-bottom:10px; font-size:16px; font-weight:bolder; color:#37990c;}
.rule_913 ul li {overflow:hidden; padding:4px 0; }
.rule_913 ul li:before {content:"-"; padding-right:4px; }
.rule_913 .refer {margin-top:10px; font-weight:bold; color:red;}
.tbl_913 {width:100%; border-top:2px solid #ddd;border-spacing:0; border-collapse:collapse;}
.tbl_913 th,.tbl_913 td {padding:10px 10px; border:1px solid #ddd; text-align:center; line-height:22px; color:#444;}
.tbl_913 th {background-color:#f2f2f2;}
.tbl_913 td {}




/* ====================== 기존 css =========================*/

/* 모달팝업 */
#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;}