/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#979494; font-size:12px; padding: 15px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;font-family: "nanum_B", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1024px;height:80px;}
.header{position:relative;width:1250px;margin:0 auto;height:80px}
.logo{position:absolute;height:80px;top:0;left:0; display: flex; align-items: center; }
.logo_txt {margin-right:36px;}
.logo_txt p {white-space: nowrap ; font-size:16px; line-height: 20px; color:#999;}
.logo img {height: 35px;}

.gnb{position:absolute;right:0px;top:15px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#333;padding-left:15px;font-family: "nanum_B", sans-serif}
.gnb ul li a{font-size:10px;color:#555;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}

.top_menu{position:relative;width:1024px;margin:0 auto;top:-47px;z-index:2000}
.top_menu ul.top_menu_list{position:absolute;top:0px;right:0; display: flex; align-items: center; justify-content: flex-end;}
.top_menu ul.top_menu_list li.parent_menu{width: 110px; text-align: center;}
.top_menu ul.top_menu_list li.parent_menu:first-child{padding-left:0px}
.top_menu ul.top_menu_list li.parent_menu a{display:block;font-size:16px;color:#333;text-decoration:none;font-family: "nanum_B", sans-serif;letter-spacing:-0.5px}
.top_menu ul.top_menu_list li.parent_menu a:hover{color:#b04924}
.top_menu ul.top_menu_list li.parent_menu a.active{color:#b04924}

.s_menu_wrap{position:absolute;top:80px;width:100%;min-width:1024px;height:165px;background:#fff;border-top:1px solid #edeae9;display:none;z-index:1000;}
.s_menu{position:relative;width:1024px;margin:0 auto; height: 100%; display: flex; justify-content: space-between;}
.s_menu ul.child_menu {float:left;color:#333;height:100px;border-right:1px solid #edeae9;margin:30px 0 0;}
.s_menu ul.child_menu li.child_smenu{min-width: 110px;text-align: center; }
.s_menu ul.child_menu li.child_smenu a{position:relative;display:block;top:-8px;font-size:13px;color:#666;text-decoration:none;line-height:38px; margin:0 auto; }
.s_menu ul.child_menu li.child_smenu a:hover{color:#b04924}
.s_menu ul.child_menu li.child_smenu a.active{color:#b04924; }

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1024px;border-top:1px solid #e3e3e3}
.footer_area {position:relative;width:1024px;margin:0 auto;padding:20px 0px 20px 0px;}
.footer_copy {position:relative;left:0;font-size:11px;color:#7e7e7e;line-height:20px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;}
.footer_copy_txt{color:#f43b0a;font-size:13px;font-family: "nanum_B", sans-serif;line-height:22px;padding-top:10px}
.admin{position:relative;left:230px;top:42px}
.admin a{font-size:10px;color:#7e7e7e;border:1px solid #ccc;background:#fff;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute;right:0px;top:40px}
.footer_device{position:relative;left:0px;top:10px;}
.footer_area .btn-default{font-size:10px;background:#fff;color:#7e7e7e;border:1px solid #ccc;}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ececec;border:1px solid #ccc;color:#333}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 38px;
	height: 91px;
	text-indent: -9999px;
	margin-top: -45px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 38px;
	height: 91px;
	text-indent: -9999px;
	margin-top: -45px;
	opacity:0.6;
}

.main_cont{position:absolute;width:1024px;height:180px;left:50%;top:50%;margin-left:-512px;margin-top:-10px;border:0px solid red;z-index:900;text-align:left}
.main_cont_t{border-left:4px solid #fec605;padding-left:20px;color:#fff;}
.main_cont_t h3{font-size:16px;margin:0;font-family: "nanum_B", sans-serif;text-shadow: 2px 2px 2px #555;}
.main_cont_t p{font-size:14px;line-height:23px;padding-top:25px;font-family: "nanum_B", sans-serif;text-shadow: 2px 2px 2px #555;}

#bx-pager1{;}
#bx-pager1 a{display:inline;color:#a3a2a1;font-size:30px;font-weight:bold;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none;}
#bx-pager1 a.active{color:#fff;font-size:30px;font-weight:bold;width:50px;height:50px;}

.main_form_wrap{position:relative;width:1024px;margin:0 auto;}
.main_form{position:absolute;top:-198px;width:376px;height:198px;background:url(../images/common/main_form_bg.png) repeat;z-index:1500;padding:20px}
.main_form h3{font-size:16px;color:#333;font-family: "nanum_B", sans-serif;margin:0}
.main_form_txt{font-size:13px;color:#f43b0a;font-family: "nanum_B", sans-serif;letter-spacing:-0.5px;padding:10px 0 25px}

.mf_w{width:210px;height:83px;float:left}
.c_form{position:relative;margin-bottom:8px}
.c_form_t{display:inline-block;width:33%;font-size:14px;color:#333}
.form-control_m{display:inline-block;padding:0 3px;height:23px;font-size:12px;border:1px solid #a9a9a9;border-radius:0;letter-spacing:-0.5px}
.form_w{width:65%}
.form_w2{width:17.5%}
.form_w3{width:45%}

.mf_bt{width:104px;height:83px;float:right;text-align:center}
.inquiry_bt_c{background:#f43b0a;width:104px;height:83px;color:#ffffff;font-size:15px;border-radius:0;font-family: "nanum_B", sans-serif;}
.btn.focus, .btn:focus, .btn:hover{color:#fff;background:#fe7815}

.colgroup{position:relative;width:1024px;margin:0 auto;height:60px}
.colgroup a{text-decoration:none}
.cg01{width:376px;height:60px;float:left}
.cg01 ul{;}
.cg01 ul li{width:188px;height:60px;float:left}
.cg01 ul li a{font-size:15px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;padding-top:18px;padding-left:30px}
.cg01 ul li.cg01_1 a{width:188px;height:60px;display:block;background:#e9e1dc;color:#555}
.cg01 ul li.cg01_1 a:hover{background:#fe7815;color:#fff}
.cg01 ul li.cg01_2 a{width:188px;height:60px;display:block;background:#616161;color:#fff}
.cg01 ul li.cg01_2 a:hover{background:#fe7815;color:#fff}
.cg01_1_m{padding-left:50px}

.cg02{width:585px;height:60px;float:right}
.cg02 ul{padding-top:13px}
.cg02 ul li{width:135px;height:50px;float:left;margin-right:90px}
.cg02 ul li a{font-size:15px;color:#555;font-family: "nanum_B", sans-serif;}
.cg02 ul li a:hover{color:#f43b0a}


.colgroup2{position:relative;width:1024px;margin:20px auto 35px;height:170px}
.colgroup2 a{text-decoration:none}
.cg201{width:376px;height:170px;float:left}
.cg202{width:648px;height:170px;float:right}
.cg202 ul{height:170px}
.cg202 ul li{float:left;width:216px;height:170px; padding:20px 17px; }

.cg202 h4 {font-family: "nanum_B", sans-serif; font-size: 16px;}
.cg202 h4.cgtitle1{color:#205354;}
.cg202 h4.cgtitle2{color:#26739d;}
.cg202 h4.cgtitle3{color:#994447;}
.cg202 p{color:#69696b; letter-spacing: -1px;}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1024px;height:220px}
.sub_top_area{position:relative;width:1024px;margin:0 auto;padding-top:69px}
.sub_top_t{border-left:4px solid #fec605;padding-left:20px;color:#fff;}
.sub_top_t h3{font-size:16px;margin:0;font-family: "nanum_B", sans-serif;text-shadow: 2px 2px 2px #555;}
.sub_top_t p{font-size:14px;line-height:23px;padding-top:20px;font-family: "nanum_B", sans-serif;text-shadow: 2px 2px 2px #555;}

.sub_article_wrap{position:relative;width:100%;min-width:1024px;}
.sub_article{position:relative;width:1024px;margin:0 auto;}
.title{text-align:center;padding-top:40px}
.sub_title{color:#342b2a;font-size:16px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.sub_menu{;}
.list-group{text-align:center;margin:40px 0 60px;}
.list-group a.menubox{background:#ebebeb;padding:15px 34px;font-size:14px;color:#666;text-decoration:none;font-family: "nanum_B", sans-serif;margin:0 2px}
.list-group a.active{background:#f43b0a;color:#fff}
.list-group a.menubox:hover{background:#f43b0a;color:#fff}
.contents{min-height:450px;padding-bottom:50px}

/* 인사말 */
.greeting_info{height:395px;line-height:30px;font-size:15px;color:#666}
.greeting_img{float:right;width:472px;height:395px;}
.greeting_cont{float:left;width:527px;height:395px;}
.greeting_txt1{font-size:20px}
.greeting_txt2{color:#f43b0a;font-family: "nanum_B", sans-serif}
.greeting_txt3{color:#333;font-family: "nanum_B", sans-serif;border-bottom:1px solid #333;padding-bottom:2px}
.greeting_txt4{border-bottom:1px solid #666;padding-bottom:2px}
.greeting_txt5{text-align:right}

/* 대출상품 */
.loanproduct_info{width:80%;margin:0 auto;font-size:13px;color:#666;line-height:25px}
.loanproduct_info h3{width:30%;float:left;background:#ccc;min-height:100px;}
.loanproduct_info p{width:60%;float:right}

.loanproduct_table{width:100%;margin:20px auto 0;text-align:center;font-size:14px;color:#666;}
.loanproduct_table caption{font-size:0px;color:#fff;padding:0;line-height:0px}
.loanproduct_table th{background:#ececec;text-align:center;border:1px solid #d9d9d9;font-family: "nanum_B", sans-serif;line-height:25px;width:20%}
.loanproduct_table td{border:1px solid #d9d9d9;padding:10px 20px 10px 20px;font-family: "nanum", sans-serif;text-align:left;line-height:25px;color:#666;font-size:14px;width:80%}
.loanproduct_table td.loanproduct_td{border:0px solid #d9d9d9;padding:5px 0 ;}
.loanproduct_txt{font-family: "nanum_B", sans-serif;color:#f43b0a}

/* 대출상품 */
.ready{font-size:15px;color:#666;text-align:center;padding-top:50px}

/* 대출절차 */
.process_info{font-size:16px;color:#333;line-height:23px;text-align:center;font-family: "nanum_B", sans-serif;width:72%;margin:0 auto}
.process_info h3{margin:0px 0 25px;font-size:32px;color:#333;font-family: "nanumMJ_B", sans-serif;line-height:45px;text-transform: uppercase;}
.process_info h3 span{font-size:32px;color:#b04924;font-family: "nanumMJ_EB", sans-serif;}
.process_info ul{height:495px;margin-top:60px}
.process_info ul li{float:left;margin-bottom:60px}
.process_info ul li.process_cir{width:185px;height:185px;border-radius:50%;background:#f7f7f7;padding-top:28px}
.process_info ul li.process_cir2{width:185px;height:185px;border-radius:50%;border:1px solid #dbdbdb;padding-top:28px}
.process_info ul li.process_arrow{color:#ccc;font-size:30px;padding:80px 30px 0}
.process_icon{color:#595856;font-size:40px}
.process_st{font-size:12px;color:#f43b0a;font-family: "nanum_EB", sans-serif;padding:10px 0 0}
.process_st_txt{font-size:20px}
.process_d{padding:10px 0 0}
.process_d2{padding:10px 0 0}

/* 대출신청 */
.loanapplication_info{width:80%;margin:0 auto;}
.loanapplication_table{width:100%;margin:20px auto 0;text-align:center;font-size:14px;color:#666;}
.loanapplication_table caption{font-size:0px;color:#fff;padding:0;line-height:0px}
.loanapplication_table th{background:#fff;text-align:left;border:0px solid #d9d9d9;font-family: "nanum_B", sans-serif;line-height:25px;width:15%}
.loanapplication_table td{border:0px solid #d9d9d9;padding:20px 20px 20px 20px;font-family: "nanum", sans-serif;text-align:left;line-height:25px;color:#666;font-size:14px;width:70%}
.loan_check{position:relative;top:3px}
.loan_w{display:inline-block;width:20%}
.loan_w2{width:35%}
/*.loan_w3{display:inline-block;width:10%}*/
.loan_w3{width:45%}

.privacy{font-size:13px;color:#666;line-height:20px;}
.privacy h3{background:#f4f4f4;text-align:center;font-size:15px;font-family: "nanum_B", sans-serif;padding:10px 0}
.privacy_cont{width:800px;height:120px;padding:0px 20px 10px;overflow-y:scroll;}
.privacy_agree{background:#f4f4f4;text-align:center;padding:5px 0;font-size:13px;font-family: "nanum_B", sans-serif;margin-top:10px}

.loan_bt{text-align:center;margin-top:50px}
.loan_bt_c{background:#fe7815;width:250px;height:56px;color:#ffffff;font-size:22px;border-radius:0;}