@charset "utf-8";
/* Web Font */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */

/* CSS Reset */
html, body{width:100%;height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,span,form,fieldset,legend,button,a{
    margin:0;padding:0;border:0;vertical-align:baseline;font-family:'Nanum Gothic','나눔 고딕',Dotum,'돋움',Trebuchet MS;font-size:12px;color:#666;
}
ol,ul,li{list-style:none;}
img,fieldset,iframe{border:0 none}
caption,legend{display:none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
input,select,button{vertical-align:middle;font-family:'Nanum Gothic','나눔 고딕',Dotum,'돋움',Trebuchet MS;font-size:12px;color:#666;}
img{max-width:100%;vertical-align:bottom}
table{border-collapse:collapse;border-spacing:0px;}
body,h1,h2,h3,h4,input,button,select,pre{}
li,dt,dd,p{line-height:1.5em}

a{color:#666;text-decoration:none;cursor:pointer;}
a:link{color:#000;text-decoration:none;font-weight:bold}
a:hover{color:#000;text-decoration:none;font-weight:bold}
a:visited{color:#000}

.clearfix:before, 
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}

/* //common: MARGIN/PADDING */
.mt0{margin-top:0px !important} .mr0{margin-right:0px !important} .mb0{margin-bottom:0px !important} .ml0{margin-left:0px !important}
.mt2{margin-top:2px !important} .mr2{margin-right:2px !important} .mb2{margin-bottom:2px !important} .ml2{margin-left:2px !important}
.mt4{margin-top:4px !important} .mr4{margin-right:4px !important} .mb4{margin-bottom:4px !important} .ml4{margin-left:4px !important}
.mt6{margin-top:6px !important} .mr6{margin-right:6px !important} .mb6{margin-bottom:6px !important} .ml6{margin-left:6px !important}
.mt8{margin-top:8px !important} .mr8{margin-right:8px !important} .mb8{margin-bottom:8px !important} .ml8{margin-left:8px !important}
.mt12{margin-top:12px !important} .mr12{margin-right:12px !important} .mb12{margin-bottom:10px !important} .ml12{margin-left:12px !important}
.mt16{margin-top:16px !important} .mr16{margin-right:16px !important} .mb16{margin-bottom:16px !important} .ml16{margin-left:16px !important}
.mt20{margin-top:20px !important} .mr20{margin-right:20px !important} .mb20{margin-bottom:20px !important} .ml20{margin-left:20px !important}
.mt24{margin-top:24px !important} .mr24{margin-right:24px !important} .mb24{margin-bottom:24px !important} .ml24{margin-left:24px !important}
.mt32{margin-top:32px !important} .mr32{margin-right:32px !important} .mb32{margin-bottom:30px !important} .ml32{margin-left:32px !important}
.mt40{margin-top:40px !important} .mr40{margin-right:40px !important} .mb40{margin-bottom:40px !important} .ml40{margin-left:40px !important}
.mt48{margin-top:48px !important} .mr48{margin-right:48px !important} .mb48{margin-bottom:48px !important} .ml48{margin-left:48px !important}
.mt56{margin-top:56px !important} .mr56{margin-right:56px !important} .mb56{margin-bottom:56px !important} .ml56{margin-left:56px !important}
.mt64{margin-top:64px !important} .mr64{margin-right:64px !important} .mb64{margin-bottom:64px !important} .ml64{margin-left:64px !important}
.mt72{margin-top:72px !important} .mr72{margin-right:72px !important} .mb72{margin-bottom:72px !important} .ml72{margin-left:72px !important}
.mt84{margin-top:84px !important} .mr84{margin-right:84px !important} .mb84{margin-bottom:84px !important} .ml84{margin-left:84px !important}
.mt96{margin-top:96px !important} .mr96{margin-right:96px !important} .mb96{margin-bottom:96px !important} .ml96{margin-left:96px !important}
.mt100{margin-top:100px !important} .mr100{margin-right:100px !important} .mb100{margin-bottom:100px !important} .ml100{margin-left:100px !important}
.mt108{margin-top:108px !important} .mr108{margin-right:108px !important} .mb108{margin-bottom:108px !important} .ml108{margin-left:108px !important}
.mt160{margin-top:160px !important} .mr160{margin-right:160px !important} .mb108{margin-bottom:160px !important} .ml160{margin-left:160px !important}
.mt200{margin-top:200px !important} .mr200{margin-right:200px !important} .mb200{margin-bottom:200px !important} .ml200{margin-left:200px !important}
.pt0{padding-top:0px !important} .pr0{padding-right:0px !important} .pb0{padding-bottom:0px !important} .pl0{padding-left:0px !important}
.pt2{padding-top:2px !important} .pr2{padding-right:2px !important} .pb2{padding-bottom:2px !important} .pl2{padding-left:2px !important}
.pt4{padding-top:4px !important} .pr4{padding-right:4px !important} .pb4{padding-bottom:4px !important} .pl4{padding-left:4px !important}
.pt6{padding-top:6px !important} .pr6{padding-right:6px !important} .pb6{padding-bottom:6px !important} .pl6{padding-left:6px !important}
.pt8{padding-top:8px !important} .pr8{padding-right:8px !important} .pb8{padding-bottom:8px !important} .pl8{padding-left:8px !important}
.pt12{padding-top:12px !important} .pr12{padding-right:12px !important} .pb12{padding-bottom:12px !important} .pl12{padding-left:12px !important}
.pt16{padding-top:16px !important} .pr16{padding-right:16px !important} .pb16{padding-bottom:16px !important} .pl16{padding-left:16px !important}
.pt20{padding-top:20px !important} .pr20{padding-right:20px !important} .pb20{padding-bottom:20px !important} .pl20{padding-left:20px !important}
.pt24{padding-top:24px !important} .pr24{padding-right:24px !important} .pb24{padding-bottom:24px !important} .pl24{padding-left:24px !important}
.pt32{padding-top:32px !important} .pr32{padding-right:32px !important} .pb32{padding-bottom:32px !important} .pl32{padding-left:32px !important}
.pt40{padding-top:40px !important} .pr40{padding-right:40px !important} .pb40{padding-bottom:40px !important} .pl40{padding-left:40px !important}
.pt48{padding-top:48px !important} .pr48{padding-right:48px !important} .pb48{padding-bottom:48px !important} .pl48{padding-left:48px !important}
.pt56{padding-top:56px !important} .pr56{padding-right:56px !important} .pb56{padding-bottom:56px !important} .pl56{padding-left:56px !important}
.pt64{padding-top:64px !important} .pr64{padding-right:64px !important} .pb64{padding-bottom:64px !important} .pl64{padding-left:64px !important}
.pt72{padding-top:72px !important} .pr72{padding-right:72px !important} .pb72{padding-bottom:72px !important} .pl72{padding-left:72px !important}
.pt84{padding-top:84px !important} .pr84{padding-right:84px !important} .pb84{padding-bottom:84px !important} .pl84{padding-left:84px !important}
.pt96{padding-top:96px !important} .pr96{padding-right:96px !important} .pb96{padding-bottom:96px !important} .pl96{padding-left:96px !important}
.pt100{padding-top:100px !important} .pr100{padding-right:100px !important} .pb100{padding-bottom:100px !important} .pl100{padding-left:100px !important}
.pt108{padding-top:108px !important} .pr108{padding-right:108px !important} .pb108{padding-bottom:108px !important} .pl108{padding-left:108px !important}
.pt160{padding-top:160px !important} .pr160{padding-right:160px !important} .pb160{padding-bottom:160px !important} .pl160{padding-left:160px !important}
.pt200{padding-top:200px !important} .pr200{padding-right:200px !important} .pb200{padding-bottom:200px !important} .pl200{padding-left:200px !important}

/* Form Element */
textarea,
input[type='text'],
input[type='password']{
    overflow:hidden;
    border:1px solid #9aa5b1;
    padding:4px 5px;
    background:#fff;
    background-image:linear-gradient(#f0f0f0 0%,#ffffff 100%);
    border-radius:5px;    
    box-shadow:inset 0px 2px 6px rgba(106,106,106,0.2);
    }
input[type='text']{}
select{padding:4px;}

/* SKIP NAVIGATION */
#skipnav a {position:absolute; top:-400px; left:0; display:block; width:100%; padding:10px 0; border-bottom:1px solid #d2d2d2; background:#fff; text-align:center}
#skipnav a:hover, 
#skipnav a:focus, 
#skipnav a:active {position:static}

/* Layout(Common) */
#container{*zoom:1;margin:0 auto;width:1050px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;min-height:450px}
#container:after{content:"";display:block;clear:both}
#lnb{float:left;width:201px;}
#content{float:left;width:768px;padding:15px 20px 20px 20px;border-left:1px solid #e5e5e5;min-height:450px}
#footer{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#footer .footWrap{margin:0 auto;width:1050px;/* border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; */}
.text-primary{color:#ff0029;}

/* GNB */
#header{
	position:relative;
	padding:8px 0;
	border-bottom:1px solid #e5e5e5;
	/* box-shadow:0 2px 3px rgba(0,0,0,0.1); */
}
#header .topWrap{*zoom:1;margin:0 auto;width:1050px;}
#header .topWrap:after{content:"";display:block;clear:both}
#header .container{
	*zoom:1;
	width:1050px;
	margin:auto;	
}
#header .container:after{content:"";display:block;clear:both}
.logo{
	float:left;
}
.logo img{
	vertical-align:middle;
	margin-right:10px;
}
.comp-name{
	font-size:18px;
	color:#333;
	font-weight:bold;
    vertical-align:middle;
	display:inline-block;
}
.gnb-block{
	float:right;
}
#gnb{
	*zoom:1;
	display:inline-block;
	vertical-align:middle;
}
#gnb:after{content:"";display:block;clear:both}
#gnb > li{float:left;position:relative;display:inline-block;text-align:center;}
#gnb > li > a{
	font-size:14px;
	color:#333;
	font-weight:normal;
	display:inline-block;
	padding:12px 20px;
	position:relative;
}
#gnb > li > a::before{
	content:"";
	display:inline-block;
	width:1px;
	height:12px;
	background-color:#e5e5e5;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
}
#gnb > li:first-child a::before{
	display:none;
}
#gnb > li > ul{
	display:none;
	position:absolute;
	top:38px;left:0px;
	z-index:99;
	min-width:120px;
	background:#fff;
	border:1px solid #cfcfcf;
	border-radius:5px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}
#gnb > li > ul > li a{
	text-align:left;
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #e1e1e1;
}
#gnb > li > ul > li a:hover{
	background-color:rgba(0,0,0,0.05);
}
.login-wrap{
	display:inline-block;
	padding:12px 20px;
	vertical-align:middle;
}
.login-wrap .btn-login{
	font-size:12px;
	color:#333;
	font-weight:normal;
	padding:4px 6px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
}
/* LNB */
#lnb h2{font-size:18px;color:#0071b5;padding:16px 20px;background:#f7f7f7}
#lnb ul{border-top:1px solid #e1e1e1}
#lnb ul > li{border-bottom:1px solid #e1e1e1}
#lnb ul > li > a{position:relative;color:#333;display:block;padding:8px 20px;}
#lnb ul > li:hover > a,
#lnb ul > li.on{background:#f7f7f7;color:#2caffc}
#lnb ul > li:hover > a:before,
#lnb ul > li.on > a:before{content:"\f105";font-family:FontAwesome;color:#2caffc;font-size:18px;position:absolute;right:20px;top:8px}
#lnb ul > li > ul{background:#f7f7f7}
#lnb ul > li > ul li{}
#lnb ul > li > ul li a{color:#626a9f;font-size:1em;display:block;padding:5px 0 5px 12px}
#lnb ul > li > ul li a:before{content:"\f105" !important;font-family:FontAwesome;color:#8e98d9;font-size:10px;margin-right:5px !important}

/* Footer */
.foot_nav{padding:10px;/* border-bottom:1px solid #e5e5e5; */}
.foot_nav ul{text-align:center;}
.foot_nav ul li{display:inline;}
.foot_nav ul li a{display:inline-block;padding:0px 8px;font-size:11px;}
.foot_nav ul li a.a_color{color:#4aace6;}
#footer .addr{padding:0 20px}
#footer .info1{margin-bottom:10px}
#footer .info2{}
#footer .info2_bold{font-size:18px;color:#333;font-weight:bold;margin-bottom:10px;}
#footer .info-lg{
	font-size:18px;
	color:#666;
	font-weight:bold;
	margin-bottom:10px;
}
#footer .info-lg *{
	font-size:18px;
	color:#666;
}
#footer .info-lg h3{
	font-size:20px;
	color:#333;
}
#footer .info-lg h4{
	color:#333;
}
#footer .info-lg p{
	margin-bottom:10px
}
#footer .info-lg .primary1{
	color: #295DC3
}
#footer .info-lg .primary2{
	color: #8441DF
}
#footer .info-sm{
	font-size:12px;
	color:#333;
	margin-bottom:10px
}
#footer .copyright{font-size:9px}
/* 공지 */
#footer .notice{
	padding: 20px 20px;
	display: flex;
	flex-direction: row;
	margin:auto;
	margin-bottom: 25px;
}
#footer .notice_title {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	font-weight: bold;
}
#footer .notice .notice_l, #footer .notice .notice_r {
	width: 525px;
}
#footer .notice .notice_content a{
	font-size: 13px;
	font-weight: bold;
	line-height: 5px;
	margin:auto;
}
#footer .notice .notice_content a.a_color{color:#4aace6;}

/* Layout(Main) */
.m_contentWrap{*zoom:1;}
.m_contentWrap:after{content:"";display:block;clear:both}
.m_posi_tl{float:left;width:300px;}
.m_posi_tl li{height:120px;}
.m_posi_tl li.bnr1{border-bottom:1px solid #e5e5e5;background:#8ab8d3;}
.m_posi_tl li.bnr2{border-bottom:1px solid #e5e5e5}
.m_posi_tl li.bnr3{border-bottom:1px solid #e5e5e5}
.m_posi_tr{float:right;width:709px;height:362px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.m_posi_bl{float:left;width:505px;height:205px;}
.m_posi_br{float:right;width:505px;height:205px;}
.m_contentWrap img{max-width:100%;}
.m_posi_bt{clear:both;display:table;width:100%;}
.m_posi_bt .m_bt{display:table-cell;*float:left;}
.m_posi_bt .m_bt_l{width:300px;}
.m_posi_bt .m_bt_c{width:335px;*width:329px;}
.m_posi_bt .m_bt_l{border-right: 1px solid #e5e5e5;}
.m_posi_bt .m_bt_r{*width:380px;vertical-align:top;}

.m-advice *{color:#fff;}
.m-advice select,
.m-advice option,
.m-advice input{color:#000 !important;font-size:12px;}
.m-advice{background:#0071b5;height:230px;}
.m-advice .inner{padding:15px 0 0 20px;}
.m-advice h2{font-size:22px;margin-bottom:5px;}
.m-advice p{font-size:11px;}
.adv-form{margin:5px 0;}
.adv-form dt{float:left;font-size:16px;line-height:32px;}
.adv-form dd{padding-left:70px;line-height:32px;}
.adv-form input{}
.w-num{width:75px;}
.w-fixed{width:250px;}
.m-agr{float:left;margin-right:5px;width: 200px}
.m-agr h3{margin-bottom:8px;font-size:11px;}
.m-agr label{font-size:11px;}

/* Images BG */
.visual_area{background:#f4f4f4 url(/img/visual_bg1.png) no-repeat;position:relative; margin:0 auto;width:1050px;height:104px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.visual_area.bg1{background:#f4f4f4 url(/img/visual_bg1.png) no-repeat;}
.visual_area.bg2{background:#f4f4f4 url(/img/visual_bg2.png) no-repeat;}
.visual_area.bg3{background:#f4f4f4 url(/img/visual_bg3.png) no-repeat;}
.visual_area.bg4{background:#f4f4f4 url(/img/visual_bg4.png) no-repeat;}
.visual_area.bg5{background:#f4f4f4 url(/img/visual_bg5.png) no-repeat;}
.visual_area span{position:absolute;bottom:25px;right:30px;padding-right:10px;font-size:22px;text-align:right;font-family:'Nanum Myeongjo';font-style:italic}
.visual_area .color_m{color:#0071b5;font-style:italic}
.visual_area .color_s{color:#fc8663;font-style:italic}

/* Title */
#content h3{font-size:18px;color:#000;padding-bottom:17px;margin-bottom:20px;border-bottom:1px dashed #e5e5e5;}
#content h4{font-size:16px;color:#000;margin:10px 0}

/* Tab */
.tabs{}
.tabs .tab_menu{*zoom:1;margin-bottom:10px}
.tabs .tab_menu:after{content:"";display:block;clear:both}
.tabs .tab_menu li{float:left;margin-right:-1px;}
.tabs .tab_menu li a{display:block;padding:5px 0;width:160px;text-align:center;border:1px solid #d9d9d9;
	border-top-left-radius:8px;border-top-right-radius:8px;}
.tabs .tab_menu li.on a{position:relative;background:#8ab8d3;color:#fff;border:1px solid #75a9c7;text-shadow:-1px -1px 0 rgba(0,0,0,0.2)}
.tabs .tab_menu li.on a:before{position:absolute;top:6px;left:10px;content:"\f107";font-size:16px;font-family:FontAwesome;color:#5a859f;margin-right:5px;text-shadow:0px 1px 0 rgba(255,255,255,0.5)}
.tabs .cont{clear:both;}
.tabs .cont h4{text-indent:100%;white-space:nowrap;overflow:hidden;height:0px}

/* Table */
.tbl{width:100%; border-top:2px solid #707070;margin-bottom:10px}
.tbl thead th{border-bottom:1px solid #acacac; border-right:1px solid #e2e2e2; background:#f7f7f7; text-align:center; color:#656565; font-weight:bold; font-size:12px; padding: 6px 0 4px 0;}
.tbl tbody th{border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#f7f7f7; color:#666; font-weight:normal; font-size:12px; text-align:left; padding:2px 10px;line-height:30px}
.tbl tbody td{border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; text-align:center; padding:2px 5px;line-height:30px}
.tbl thead th:last-child, .tbl tbody td:last-child{border-right:none !important}
.tbl.left tbody td{text-align:left}
.tbl .center{text-align:center !important}
.tbl tbody td p{line-height:normal !important;padding:8px 0;}

/* Align */
.align_l{clear:both;text-align:left;padding:10px 0;}
.align_c{clear:both;text-align:center;padding:10px 0;}
.align_r{clear:both;text-align:right;padding:10px 0;}

/* Button */
.btn{background:#555;border:1px solid #333;color:#fff !important;display:inline-block;padding:5px 15px;margin:0 1px;border-radius:3px;}
.btn.imp{background:#ff6100;border:1px solid #d85200;color:#fff !important;}

/* Box Area */
.h_summary{position:relative;background:#f7f7f7;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:20px;margin-bottom:20px;}
.h_summary h5{font-size:16px;color:#2caffc;margin-bottom:5px;}
.h_summary dt{float:left;}
.h_summary dd{padding-left:40px;}

.text_box{clear:both;position:relative;background:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:20px;margin-bottom:10px;}
.text_box h5{font-size:16px;color:#000;margin-bottom:5px;}
.text_box dt{float:left;}
.text_box dd{padding-left:110px;}
.text_box.info dd{padding-left:70px;}
.text_box strong{color:#000}

.h_summary dt, .text_box dt{display:list-item;margin-left:15px;}
.h_summary ul li, .text_box ul li{list-style:disc !important;margin-left:15px;}
.text_box ol li{list-style:decimal !important;margin-left:20px;}
.posi_rb{position:absolute;bottom:20px;right:20px;}

.login_box{background:#f7f7f7;border:1px solid #e7e7e7;padding:20px 50px;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.1)}
.login_box dl{margin:0 auto;width:350px;}
.login_box dt{float:left;line-height:30px;display:list-item;}
.login_box dd{padding-left:70px;line-height:30px}

/* Box Style */
.step{*zoo:1;margin-bottom:20px;}
.step:after{content:"";display:block;clear:both}
.step li{float:left;background:#f7f7f7;border:1px solid #e7e7e7;padding:20px;width:110px;height:80px;margin-right:25px;position:relative;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.1)}
.step li:after{content:"\f054";font-family:FontAwesome;font-size:18px;color:#fe801a;position:absolute;right:-20px;top:50%;margin-top:-10px;}
.step li:last-child:after{content:close-quote}
.step li strong{background:#4AACE6;color:#fff;display:inline-block;padding:2px 5px;margin-bottom:10px;border-radius:30px}
.step li p{display:block;}

.download{*zoo:1;margin-bottom:20px;}
.download:after{content:"";display:block;clear:both}
.download li{float:left;position:relative;}
.download li:last-child:after{content:close-quote}
.download li a{font-size:16px;color:#547e96;display:block;background:#f7f7f7;border:1px solid #e7e7e7;padding:30px 20px;width:200px;margin:0 10px 10px 0;
	border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.download li a:before{content:"\f0f6" !important;font-family:FontAwesome;color:#8ab8d3;margin-right:8px !important}
.map{border:1px solid #e5e5e5;padding:5px 0;text-align:center}

/* Text Style */
.h_summary em, .text_box em{color:#0071b5;font-weight:bold}
.h_summary strong, .text_box strong{color:#ff6100}
.font_gray{color:#8c8c8c !important}
.font_red{color:#ff0000 !important}
.font_bluesky{color:#265fab !important}

/* FAQ */
.faq_bg{}
.faq{border-bottom:1px solid #e5e5e5;}
.faq .hgroup{position:relative}
.faq .hgroup .trigger{position:absolute;overflow:visible;}
.faq .q {border-top:1px solid #e5e5e5;background:url(/img/icon_q.png) no-repeat 0 6px;}
.faq .q a.trigger{padding:10px 15px 10px 40px;display:block;font-weight:bold;text-decoration:none !important;font-size:12px;color:#0071b5;}
.faq .hide .q a.trigger{background: none transparent scroll repeat 0% 0%; font-weight:normal;color:#555;}
.faq .q a.trigger:hover{color:#0071b5;}
.faq .a {background:#f7f7f7 url(/img/icon_a.png) no-repeat 5px 9px;border-top:1px dashed #ddd;padding:10px 15px 10px 40px;line-height:200%;}
.faq .a strong {color:#f00;font-weight:bold;}

/* 약관 관련 */
.privacy_cont{}
.privacy_cont pre{word-wrap:break-word;}

/*** 개인정보열람청구 ***/
.access_cust .access_item > p{clear:both;text-align:left; padding: 1px 0px 1px 0px;}
.access_cust .access_item input,label{cursor: pointer;}
.access_cust .access_item label.tit{color:#333; font-weight:bold; padding:12px 0 8px 0; text-align:center}
.access_cust .tit{text-align:center; color:#656565; font-weight:bold; font-size:12px; padding: 6px 0 4px 0;}

/* Main */
.m-content{
	display:table;
	/* margin-top:20px; */
}
.m-row{
	display:table-row;
}
.m-col{
	display:table-cell;
	vertical-align:top;
}
.m-col-l{
	width:300px;
}
.m-col-r{
	min-width:750px;
}
.m-apply-block{
	display: table-cell;
    vertical-align: middle;
	background-color:#d2ecfc;
}
.m-loan-block{
	position:relative;
	overflow:hidden;
	text-align:center;
}
.m-loan-l{
	float:left;
	width:250px;
}
.m-loan-r{
	float:left;
	width:500px;
	overflow:hidden;
}
.m-loan{
	position:relative;
	float:left;
	color:#fff;
	width:50%;
	height:210px;
	display:inline-block;	
	background-color:#aab1ba;
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100%;
	-webkit-transition:all 1.2s ease;
	transition:all 1.2s ease;
}
.m-loan:hover{
	background-size:110%;
}
.m-loan::after{
	content:"";
	display:inline-block;
	width:32px;
	height:32px;
	background:url('/img/m_loan_arr.png') no-repeat center;
	position:absolute;
	right:30px;
	bottom:30px;
}
.m-loan .inner{
	padding:35px;
}
.m-loan h3{
	font-size:18px;
	color:#fff;
}
.m-loan1{
	width:100%;
	height:420px;
	background-image:url('/img/m_loan1.png');
}
.m-loan1 h3{
	margin-top:10px;
}
.m-loan2{
	background-color:#00a09a;
}
.m-loan2:hover{
	background-color:#006763;
}
.m-loan3{
	background-image:url('/img/m_loan2.png');
}
.m-loan4{	
	background-image:url('/img/m_loan3.png');
}
.m-loan5{
	background-color:#414750;
}
.m-loan5:hover{
	background-color:#23272d;
}
.m-qm{
	overflow:hidden;
}
.m-qm li{
	float:left;
	width:100px;
}
.m-qm li > a{
	display:block;
	-webkit-transition:all 1.2s ease;
	transition:all 1.2s ease;
}
.m-qm li > a:hover{
	background-color:rgba(0,0,0,.1);
}
.qm1{
	background-color:#fff;
}
.qm2{
	background-color:#f3f3f3;
}
.qm3{
	background-color:#fff;
}
.qm4{
	background-color:#f3f3f3;
}
.qm5{
	background-color:#e8e8e8;
}
.qm6{
	background-color:#f3f3f3;
}
.m-tel{
    display:block;
	background-color:#aab1ba;
}
.m-apply{
	
}
.m-apply .inner{
	padding:40px;
}
.apply-h{
	font-size:22px;
	color:#000;
	margin-bottom:3px;
}
.apply-h em{
	color:#0070b5;
}
.apply-desc{
	color:#738c9c;
    line-height:1.2;
	margin-bottom:6px;
}
.apply-form{
	margin-bottom:5px;
}
.apply-form select,
.apply-form input[type='text']{
	border-color:#c0d6e4;
	border-radius:5px;
	background-image:none;
	box-shadow:none;
}
.apply-form dt{
    float:left;
    font-size:12px;
    color:#333;
    font-weight:bold;
    line-height:30px;
}
.apply-form dd{
    padding-left:42px;
    line-height:30px;
}
.apply-form .w-fixed{
	width:156px;
}
.apply-form .f-num {
    width:54px;
}
.apply-form .w-num {
    width:34px;
}
.apply-agr{
	text-align:center;
}
.apply-agr-h{
	margin-bottom:5px;
}
.apply-agr-check{
	margin-bottom:10px;
}
.layer-loan-block{
	/* display:none; */
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	text-align:left;
	padding:16px 20px;
	background-color:#f3fafe;
	border:10px solid #4aace6;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	transform: translateY(100%);
}
.layer-loan-block.show{
	transform: translateY(0);
}
.layer-loan-info{
	display:none;
}
.layer-loan-block h2{
	font-size:18px;
	color:#000;
	margin-bottom:6px;
}
.layer-loan-info dl{
    display: flex;
    flex-wrap: wrap;
	text-align:left;
	overflow:hidden;
	margin-bottom:0px;
}
.layer-loan-info dt,
.layer-loan-info dd{
	margin-bottom:2px;
	line-height: 18px;
}
.layer-loan-info dt{
	float:left;
	font-size:13px;
	color:#4aace6;
	text-align:center;
	padding:0px 4px;
	width: 20%;
	align-self: flex-start;
	background-color:#fff;
	border:1px solid #4aace6;
	border-radius:100px;
    box-sizing: border-box;
}
.layer-loan-info dd{
	font-size:13px;
	word-break:keep-all;
	width: 80%;
    padding-top: 3px;
	padding-left: 10px;
	box-sizing: border-box;
}
.layer-loan-info dd em{
	color:#fb8562;
	font-weight:bold;
}
.layer-loan-bottom{
	display:block;
	text-align:right;
}
.layer-form-block{
	position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
	padding:10px 20px;
	background-color:#fff;
	border-top:1px solid #4aace6;
}
.layer-form-header{
	letter-spacing:-1px;
	margin-bottom:8px;
}
.layer-form-header h3{
	float:left;
	font-size:16px;
	color:#333;
}
.layer-form-header h3 small{
	font-size:11px;
	color:#4aace6;
	margin-left:2px;
}
.layer-form-header .layer-agr{
	float:right;
    margin-top:4px;
}
.layer-form dl{
    overflow:hidden;
    vertical-align:middle;
    display:inline-block;
}
.layer-form dt{
    float:left;
    font-size:12px;
    color:#333;
    font-weight:bold;
    line-height:24px;
    margin-right:5px;
}
.layer-form dd{
	float:left;
    line-height:24px;
    margin-right:5px;
}
.layer-form select, 
.layer-form input[type='text'] {
    border-color:#c0d6e4;
    border-radius:5px;
    background-image:none;
    box-shadow:none;
}
.layer-form .w-fixed {
    width:60px;
}
.layer-form .f-num {
    width:54px;
}
.layer-form .w-num {
    width:34px;
}
.layer-form-close{
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('/img/m_close.png') no-repeat;
	border:0;
	position:absolute;
	top:20px;
	right:20px;
}
.btn-agr{
	font-size:11px;
	color:#333;
	padding:4px 6px;
	background-color:#fff;
	border:1px solid #c0d6e4;
	border-radius:3px;
}
.btn-apply{
	font-size:14px;
	color:#fff;
	padding:8px 24px;
	background-color:#4aace6;
	border-radius:3px;
	-webkit-transition:all 1.2s ease;
	transition:all 1.2s ease;
}
.btn-apply.btn-sm{
	font-size:12px;
	vertical-align:middle;
    padding:5px 10px;
}
.btn-apply:hover{
	background-color:#2e67ae;
}
.slider-block{
	position:relative;
}
.m-slider{
	position:relative;
	width:300px;
}
.bx-wrapper{
	border:0;
	margin-bottom:0;
}
.m-prev,
.m-next{
	position:absolute;top:50%;margin-top:-15px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-color:rgba(0,0,0,.2);
}
.m-prev{background-image:url('/img/m_sd_prev.png');left:0px;}
.m-next{background-image:url('/img/m_sd_next.png');right:0px;}


input::placeholder {
  color: #c0c0c0;
}

input::-webkit-input-placeholder {
  color: #c0c0c0;
}
input:-ms-input-placeholder {
  color: #c0c0c0;
}

/* 밑줄 이펙트 */
.underline-effect {
	display: inline-block;
	position: relative;
	color: #000;
	text-decoration: none;
	padding-bottom: 2px;
}

.underline-effect::before,
.underline-effect::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0.5px;
	background-color: #000;
	bottom: -5px;
	transition: width 0.4s ease;
}

.underline-effect::before {
	left: 50%;
}

.underline-effect::after {
	right: 50%;
}

.underline-effect:hover::before,
.underline-effect:hover::after {
	width: 50%;
}

/* 채권추심업무 관련 CSS */
.guide_collect {
	font-size: 15px !important;
	line-height: 20px;
	padding-bottom: 50px;
}
.guide_collect .title {
	clear:both;
	text-align:center;
	padding: 50px 0 50px 0;
	font-size: 35px;
	font-weight: bold;
}
.guide_collect .subtitle {
	border-top: 1px solid #000; /* 위쪽 테두리 */
	padding: 10px; /* 박스 내부 여백 */
}
.guide_collect .etc {
	font-size: 15px !important;
	margin: 10px auto;
}

.guide_collect .subtitle ul {
	list-style-type: none; /* 기본 불릿 제거 */
	padding-left: 20px; /* 번호 뒤 글자와 간격 */
}

.guide_collect .subtitle li {
	font-size: 15px !important;
	list-style-type: decimal; /* 아라비아 숫자 1, 2, 3 등 */
	line-height: 25px; /* 줄 간격 */
}

.guide_collect .accordion {
	margin: 20px auto;
}

.guide_collect .accordion-item {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
}

.guide_collect .accordion-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 10px 20px 10px;
	background-color: #f5f5f5;
	cursor: pointer;
}

.guide_collect .accordion-title .section {
	font-size: 18px !important;
}

.guide_collect .accordion-title .icon {
	font-size: 18px;
	transition: transform 0.3s;
}

.guide_collect .accordion-content {
	display: none;
	padding: 10px;
	background-color: #fafafa;
	font-size: 14px !important;
}

.guide_collect .accordion-content p {
	font-size: 14px !important;
}

.guide_collect .accordion-item.active .accordion-title .icon {
	transform: rotate(180deg);
}

.guide_collect .accordion-item.active .accordion-content {
	display: block;
}
/* 채권추심업무 관련 CSS */

/* 채보법 관련 */
.step {
	display: flex;
	gap: 30px;
}
.step > dl {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 0;
	margin-bottom: 0.5rem;
}
.step > dl:not(:first-child)::before {
	content: ">";
	font-size: 2rem;
	color: #5299ed;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: -18px;
	transform: translateY(-50%);
}
.step > dl > dt {
	font-weight: 600;
	padding: 0.375rem 1rem;
	background-color: #f3f5f5;
	border: 1px solid #495057;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}
.step > dl > dd {
	font-weight: 500;
	flex-grow: 1;
	flex-basis: 0;
	padding: 0.75rem 1rem;
	margin-bottom: 0;
	border: 1px solid #495057;
	border-top-width: 0;
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}
.ol-list {
	padding-left: 20px;
}
.ol-list > li {
	position: relative;
	list-style: decimal;
	padding-left: 0;
	margin-bottom: 0.25rem;
}