@charset "utf-8";

html,body {scroll-behavior: smooth;}

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:'noto sans kr','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
	font-size:15px;
	font-weight:normal;
	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.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;}
}

/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%); font-weight: 700;}
.ip_comm	{display: block; width:100%; height:50px; padding:0 15px; box-sizing:border-box; outline:none;   border-radius:5px; background-color:#f4f4f4}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:50px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:80px; padding:10px; line-height:1.5;}
.btn_sm	{display:flex; align-items: center; justify-content: center; width:160px; height:54px; background-color: #ec6a00; border-radius:100px; font-size: 18px; font-weight:700; color:#fff;}
.sub .btn_sm {height:50px; font-size: 16px;}


.center	{width:1180px; 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;}

.btn_nav {display:flex; align-items: center ;justify-content:center; width:36px; cursor:pointer}
.on .btn_nav {}
.btn_hbg {position: relative; display:flex; flex-direction: column; justify-content: space-between; width:100%; height:20px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:2px; 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);}

/*========= header ===========*/
.hd_top {display:flex; align-items: center; justify-content: space-between; width:100%; min-width:1180px; padding:15px 2%; background-color:#f5f5f5; }

.hd_top .busi_num {font-size: 28px; font-weight: 300; color: #888;}
.hd_top .tel {display:flex; align-items: center;justify-content: flex-end}
.hd_top .tel dt,
.hd_top .tel dd {font-size: 24px;}
.hd_top .tel dt {display:flex; align-items: center; margin-right:5px;}
    .hd_top .tel dt div {display:flex; align-items: center; justify-content: center; width:34px; height:34px; margin-right:5px; border-radius:100px; background-color:#ff8a00; color: #fff;}
.hd_top .tel dd {font-weight: 700; }

#header {display:flex; align-items: center; justify-content: space-between; padding:0 2%;}
#header h1 {flex:1;}
#header h1 img {width:auto; height:40px;}

#header .set_btn_nav {flex:1; display:flex; justify-content: flex-end}


#nav {flex:5; display:flex; align-items: center; justify-content: center}
#nav > div {position: relative; margin:0 40px;}
#nav .dep1 {display:flex; align-items: center; justify-content: center; height:100px; font-size:20px; font-weight: 700; color: #222;}
#nav > div:hover .dep1 {color:#ff8a00}
#nav .dep2 {position: absolute; left:50%; top:100px; transform:translateX(-50%); width:200px; background-color:rgba(255,255,255,0.9); z-index: 20; display: none;}
#nav > div:hover .dep2 {display: block;}
#nav .dep2 li {border-bottom:1px solid #eee;}
#nav .dep2 li a {display:block; padding:15px 20px; text-align: center;}
#nav .dep2 li a:hover {background-color:#fff;}

.sitemap {position: absolute; left:0; top:168px; width:100%; background-color:#f9f9f9; border-top:1px solid #eee; display: none;}
.on .sitemap {display: block;}
.sitemap .center { display:flex; }
.sitemap .loan {width: 850px; padding:40px; padding-left:0;}
.sitemap .etc {width: calc(100% - 850px); padding:40px; padding-right:0; border-left:1px solid #eee;}

.sitemap .dep1 {display: flex; align-items: center; margin-bottom:10px; font-size: 18px; font-weight: 700; color: #222;}
.sitemap .dep1::before {width:24px; height:24px; margin-right:8px; border-radius:6px; display:flex; align-items: center; justify-content: center; background-color:#3000ff; color:#fff; content:""; font-family: 'FontAwesome'; font-size: 12px;}

.sitemap .menu1 {}
.sitemap .menu1 .dep1::before {content:"\f19c"}
.sitemap .menu1 .dep2 {display:flex; flex-wrap:wrap;}
.sitemap .menu1 .dep2 li {overflow:hidden; width:calc((100% - 15px)/4); margin-right:5px; margin-bottom:5px; border-radius:5px; border:1px solid #ccc;}
.sitemap .menu1 .dep2 li:nth-child(4n) {margin-right:0;}
.sitemap .menu1 .dep2 li a {display:block; padding:15px 5px; text-align: center; background-color: #fff}

.sitemap .etc > div {margin-bottom:20px;}
.sitemap .etc > div:last-child {margin-bottom:0;}
.sitemap .etc .dep2 {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.sitemap .etc .dep2 li {overflow:hidden; margin-right:5px; border-radius:5px; border:1px solid #ccc;}
.sitemap .etc .dep2 li a {display:block; padding:7px 10px; text-align: center; font-size: 14px; background-color: #fff;}

.sitemap .menu2 .dep1::before {content:"\f040"}
.sitemap .menu3 .dep1::before {content:"\f128"}
.sitemap .menu4 .dep1::before {content:"\f129"}


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


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

.main2 {display:flex; align-items:stretch; justify-content: space-between; padding:120px 0 60px 0;}
.main2 > div {width:360px; border-radius:30px; border:1px solid #ddd; box-shadow: 10px 10px 20px rgba(0,0,0,0.25)}

.main2 .banners {display:flex; flex-direction: column}
.main2 .banners a {flex:1; display:flex; align-items: center; padding:30px;  border-bottom:1px solid #ddd;}
    .main2 .banners a:last-child {border-bottom:0;}
.main2 .banners article {margin-left:20px;}
.main2 .banners h2 {font-size: 20px; font-weight: 700; color: #222;}
.main2 .banners p {margin-top:10px; font-size: 13px; color: #555;}

.sch li {position: relative; margin-bottom:5px;}
.sch li::after {content:""; display: block; clear: both;}
.sch #output,
.sch #output2,
.sch .output {position: absolute; left:5px; bottom:-5px; padding:0 3px; border-radius:2px; background-color:#444; color:#fff; line-height:1.2; font-size: 12px; letter-spacing: 0; z-index: 1;}
.sch .set_agree {display:flex; align-content: center; margin-top:5px;}
.sch .set_agree label,
.sch .set_agree a {font-size: 12px; margin-left:5px;}
.sch .btn_sm {margin:0 auto; margin-top:20px;}

.main2 .set_form {padding:30px;}
.main2 .set_form h2 {margin-bottom:15px; font-size: 22px; font-weight: 700; color: #222; line-height:26px;}


.main2 .sise {position: relative; top:-60px;}
.main2 .sise h2 strong {color: #ec6a00;}

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


.main3 {padding:80px 0; background-color: #e9e9e9;}
.main3 .center {position: relative;}
.main3 h2 {margin-bottom:5px; font-size: 30px; font-weight:800; color: #222; letter-spacing: -1px}
.main3 .set_slider {position: relative;}
.main3 .fnc_slider {overflow:hidden; padding:20px;}
.main3 .fnc_slider .swiper-slide {width:auto; padding:40px; background-color:#fff; border-radius:30px; box-shadow:10px 10px 20px rgba(0,0,0,0.25) }
.main3 .fnc_slider a {display: block;}
.main3 .fnc_slider .tit {font-size: 22px; font-weight: 700; line-height:32px;}
.main3 .fnc_slider p {margin-top:15px; line-height:26px; color: #555;}
.main3 .fnc_slider .btn_detail {margin-top:35px; font-size: 14px; font-weight: 700; color: #ec6a00;}
.main3 .btn_more {position: absolute; right:0; top:0; padding:12px 20px; background-color:#3000ff; border-radius:100px; font-size: 14px; font-weight:700; color:#fff;}
.main3 .fnc_ctrl {position: absolute; top:50%; transform:translateY(-50%); display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color:#555; border-radius:100px; font-size: 26px; font-weight: 700; color: #fff; z-index: 10;}
.main3 .fnc_ctrl.fnc_prev {left:-30px}
.main3 .fnc_ctrl.fnc_next {right:-30px}



/*========= footer ===========*/
#footer  {padding:50px 2%; background-color:#222}
#footer .ft_logo img {width:auto; height:40px;}
#footer .ft_nav {margin-top:25px; }
#footer .ft_nav a {margin-right:40px; font-size: 26px; font-weight: 700; color: #fff;}

#footer ul {margin-top:25px;}
#footer ul li {display:inline-block; display:inline-block; margin-right:30px; line-height: 1.3; font-size: 26px; font-weight: 300; color: #fff;}
#footer .caution {margin-top:25px; font-size: 26px; font-weight: 300; line-height:1.2; color: #fff;}
#footer .copyright {margin-top:25px; font-size: 18px; color: #888;}
#footer .copyright a {font-size:inherit; color:inherit;}

#quick {overflow:hidden; position: fixed; right:20px; top:50%; transform:translateY(-50%); display:block; width:80px; padding-top:10px; border-radius:10px; border:1px solid #ccc; background-color:#fff; z-index: 10;}
#quick > div > a {display:block; padding:10px 0; text-align: center; font-size: 14px;}
#quick > div > a i {display: block; margin-bottom:10px; font-size: 22px;}
    #quick > div:nth-child(1) > a i {color: #0ec2c0;}
    #quick > div:nth-child(2) > a i {color: #ec6a00;}
    #quick > div:nth-child(3) > a i {color: #3000ff;}
    #quick > div:nth-child(4) > a i {color: #391c1c;}
#quick div ul {width:90%; margin:0 auto; border-radius:5px; background-color:#f8f8f8; border:1px solid #eee; display: none;}
#quick div ul li {border-bottom:1px solid #eee;}
#quick div ul li a {display: block; padding:8px; text-align: center; font-size: 12px;}
#quick .btn_top {display: block; margin-top:10px; padding:5px 0; text-align: center; background-color:#ddd; font-size: 12px; font-weight: 600;}


/* sub_visual */
#sub_visual {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>.center {height:198px; display:flex; align-items: center; }
#sub_visual h2 {display:flex; align-items: center; justify-content: space-between; font-size: 30px; font-weight: 700; color:#fff}
    #sub_visual h2::after {content:"\f105"; margin-left:30px; font-family: 'FontAwesome'; font-size: 30px;}
#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  {background-color:#0082c9}
.sub_menu .center {display:flex; align-items: center; justify-content: center; padding:20px 0; }
.sub_menu ul li {margin:0 15px;}
.sub_menu ul li a {font-size: 16px; color: #fff;}
.sub_menu ul li a.on {font-weight: 700; color: #fff2b3;}

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

.page_title {margin-top:80px; margin-bottom:60px; text-align: center;}
.page_title h3 {font-size: 34px; font-weight: 700; color: #222; letter-spacing:-1px }


.p_comm {line-height:1.7;}

.sub_title {margin-top:60px; margin-bottom:20px; }
.sub_title:first-child {margin-top: 0;}
.sub_title h4 {font-size: 24px; font-weight: 700; color: #222;}
.sub_title p {margin-top:10px; font-size: 14px; }

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

.tbl {border-top:1px solid #ddd;}
.tbl th,
.tbl td {padding:20px; border-bottom:1px solid #ddd; text-align: center;}
.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;}
.tbl .min {color: blue;}
.tbl .max {color: red;}

.sub01 {}
.tbl_loan {border-top:1px solid #ddd;}
.tbl_loan th,
.tbl_loan td {padding:25px; border-bottom:1px solid #ddd;}
.tbl_loan th {width: 180px; background-color: #fff1e6; font-size: 18px; font-weight: 700; color: #222;}
.tbl_loan td {line-height: 26px; font-size: 17px;}
.tbl_loan .li_comm li {font-size: 17px;}

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

/* 서브 시세조회 */
.sub_sise {display:flex; justify-content: space-between}
.sub_sise > div {width:300px;}
.sub_sise > div:last-child {width:364px;}
.sub_sise > div h5 {margin-bottom:15px; font-size: 16px; font-weight: 700; color: #222;}
.sub_sise > div h5 strong {color: #001eff;}
.sub_sise > div fieldset {position: relative;}
.sub_sise > div p#output,
.sub_sise > div p#output2 {margin-top:8px; font-size: 13px; color: #001eff;}
.sub_sise .li_comm {margin-top:10px;}
.sub_sise .li_comm li {margin-bottom:5px; padding-left:10px; line-height:1.3; font-size: 13px; color: #555;}
.sub_sise .li_comm li::before {top:7px}
.sub_sise .btn_sm {margin-top:0; width:100%; font-size: 16px; box-shadow:3px 3px 15px rgba(0,0,0,0.3)}

/* 서브 상담 */
.sub_apply {width: 500px;margin:0 auto; margin-top:60px; border-color:#001eff}
.sub_apply h2 strong {color: #001eff;}
.sub_apply .sch {}
.sub_apply .sch li.span2 {width:100%; margin-right:0;}
.sub_apply .sch textarea {height:90px;}
.sub_apply .sch .btn_sm { margin-top:20px; background-color: #001eff; font-size: 16px;}


.sub02 {display:flex; align-items: stretch; justify-content: space-between}
.sub02 > div,
.sub02 > form {width:360px;}
.sub02 .frame {width:100%; padding:30px 20px; border-radius:30px; border:1px solid #ddd; box-shadow: 10px 10px 20px rgba(0,0,0,0.25)}

.sub02 .sch ul {overflow:hidden;}
.sub02 .sch ul li {position:relative; float:left; width:100%;}
.sub02 .sch ul li.spr {width:calc((100% - 4px)/2); margin-right:4px;}
.sub02 .sch 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 div {height:425px; display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub02 .cs img {width:auto; height:55px;}
.sub02 .cs h5 {margin-top:10px; font-size: 16px; font-weight: 700; color: #222;}
.sub02 .cs .tel {display: block; margin:20px 0; font-size: 28px; font-weight:600; color: #222;}
.sub02 .cs p {font-size: 14px; line-height:20px;}



.sub0302 {}
.sub0302 .calculator {display:flex; align-items:stretch; justify-content: space-between}
.sub0302 .calculator .area1,
.sub0302 .calculator .area2 {width:540px; padding:30px ; border-radius:30px; border:1px solid #ddd; box-shadow:10px 10px 20px 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 .btn_sm {margin:0; width:100%; border-radius:5px;background-color:#3000ff; }

.sub0302 .calculator .area2 {}
.sub0302 .calculator .area2 h5 {margin-bottom:20px; font-size:16px; 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: 14px;}
.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:20px;}

.sub0302 .calculator .arr {display:flex; align-items: center; justify-content: center; font-size: 18px; color: #aaa;}


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

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

.graph_scope {display:flex; align-items:center; justify-content: space-between;  margin-top:10px;  }
.graph_scope .arr_txt {font-size: 13px;}


.ex_graph {margin-top:20px; 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:5px 5px 0 0;}
.ex_graph ul li span{width:100%; position:absolute; bottom:0; display:block;}

.graph_example {display:flex; align-items: center;  padding:30px; background-color:#eee;}
.graph_example .tit {margin-right:15px; padding:5px; border-radius:5px; background-color:#ec6a00; font-size: 14px; color:#fff;}
.graph_example .set_ex {}
.graph_example .set_ex dl {display:flex; align-content: center;}
.graph_example .set_ex dl dt,
.graph_example .set_ex dl dd {font-size:14px;}
.graph_example .set_ex dl dt::after {content:":"; margin:0 5px;}
.graph_example .set_ex dl dd {font-weight: 700; margin-right:30px;}
.graph_example .result {font-size: 16px; 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: 12px; 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:800px; padding:40px; transform:translate(-50%,-50%); background-color:#fff;}

.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:15px; border:1px solid #ddd; border-radius:0px; background-color:#f4f4f4;}
.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;  padding-left:26px; line-height:20px;}
.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 #ddd}
.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:110px; padding:10px; border:0; border-top:1px solid #ddd; background-color:#fff; resize:none; box-sizing:border-box; line-height:22px; 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-weight:800;}
.pop_agree .chk_all fieldset label::before {top:2px;}
.pop_agree .chk_all fieldset label::after {top:7px;}

.pop_agree .ext_btn_fsubmit {display:block; width:200px; height:60px; margin:0 auto; margin-top:30px; border-radius:4px; line-height:60px; text-align:center; background-color:#60499e; font-size:20px; color:#fff;}


/* sub0501 */
.sub05 .tbl_write {}
.sub05 .tbl_write table {border-top:1px solid #aaa;}
.sub05 .tbl_write table th,
.sub05 .tbl_write table td {padding:20px; border-bottom:1px solid #ddd;}
.sub05 .tbl_write table th {background-color:floralwhite; font-weight: 700; color: #222;}
.sub05 .tbl_write table th label {font-size:inherit; font-weight:inherit; color:inherit;}
.sub05 .tbl_write .ip_comm {width:250px; border:1px solid #eee;}
.sub05 .tbl_write .ip_comm.tel {width:160px;}
.sub05 .tbl_write textarea.ip_comm {width:100%; height:200px;}
.sub05 .tbl_write .btn_sm {margin:0 auto; margin-top:40px; width:180px; height:60px; font-size: 18px;}



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