@CHARSET "UTF-8";

* { font-family: '맑은 고딕','Malgun Gothic','돋음',Dotum,Apple SD Gothic Neo,AppeGothic,Arial,Helvetica,sans-serif; }
IMG {border: none;}
/*font*/
.bold { font-weight: bold; }

/* align */
.al { text-align: left !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }

/* float */
.fl { float: left; }
.fc { float: center; }
.fr { float: right; }

/* margin left */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

/* margin right */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

/* margin top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

/* margin bottom */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.ui-datepicker-trigger { margin: 0px 0px 0px 2px; vertical-align: text-bottom; cursor: pointer;}

input[type="text"], input[type="password"], input[type="number"], input[type="tel"] { height: 20px; vertical-align: bottom; }
.star::before { font-weight: bold; color: red; font-size: 1.2em; content: "*"; }
.searchTitle::before { font-weight: bold; font-size: 1.2em; content: "ㆍ"; }

select { height: 24px; min-width: 90px; }
.ui-datepicker select { height: 20px; min-width: 20px; }
.ui-datepicker select.ui-datepicker-month { width: 50px !important; font-size: 13px !important; margin: 1px 0px 1px 10px !important; }
.ui-datepicker select.ui-datepicker-year { width: 60px !important; font-size: 13px !important; margin: 1px 0px 1px 0px !important; }

input:-moz-read-only { background-color: #eee; border-width: 1px; cursor: auto; border-style: solid; border-color: #ccc; padding: 0px 0px 0px 5px; }
input:read-only { background-color: #eee; border-width: 1px; cursor: auto; border-style: solid; border-color: #ccc; padding: 0px 0px 0px 5px; }
input[readonly] { background-color: #eee; border-width: 1px; cursor: auto; border-style: solid; border-color: #ccc; padding: 0px 0px 0px 5px; }

.title_left { text-align: left; vertical-align: middle; font-size: 14px; height: 28px; }
.title_center { text-align: center; vertical-align: middle; font-size: 14px; height: 28px; }
.title_right { text-align: right; vertical-align: middle; font-size: 14px; height: 28px; }

/* div table */
.div-table { display: table; width: 100%; border: 0px }
.div-table ul { display: table-row; height: 32px; }
.div-table li { display: table-cell; padding: 3px 0px 0px 10px; }
.div-table li a img { vertical-align: text-bottom; }
.div-table ul li span { font-weight: bold; }
.div-table ol li { display: table-row; height: 32px; }
.div-table ol li span { font-weight: bold; }

.div-table.type01 { display: table; width: 1160px; border: 0px }
.div-table.type01 li { display: table-cell; padding: 0px 0px 0px 0px; }

/* div table indv - 개인정보 수집 이용동의 */
.div-table.indv ul { height: 30px; }
.div-table.indv ul > li { border-top-color: #d1d1d1; border-top-style: solid; border-top-width: 1px; border-bottom-width: 0px; font-size: 13px; padding-bottom: 2px; }
.div-table.indv ul > li:first-child { border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; }
.div-table.indv ul > li:last-child { border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.indv ul > li.title { font-weight: bold; background-color: #FFF5D2; border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.indv ul:last-child > li {  border-bottom-color: #d1d1d1; border-bottom-style: solid; border-bottom-width: 1px; }
.div-table.indv h4 { margin: 10px 0 0 0px; }
.div-table.indv ol > li { border-top-color: #d1d1d1; border-top-style: solid; border-top-width: 1px; border-bottom-width: 0px; font-size: 12px; }
.div-table.indv ol > li:first-child { border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; }
.div-table.indv ol > li:last-child { border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.indv ol > li.title { font-weight: bold; background-color: #FFF5D2; border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.indv ol:last-child > li {  border-bottom-color: #d1d1d1; border-bottom-style: solid; border-bottom-width: 1px; }
.div-table.indv .vtblview_wrap { overflow: hidden; width: 100%; margin-top: 5px; padding-top: 4px;}
.div-table.indv .vtblview_wrap .tbl_horizontal thead th { padding: 5px 0 4px; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background: #f4f4f4; color: #010101; font-size: 13px; text-align: center; }
.div-table.indv .vtblview_wrap .tbl_horizontal tbody td { padding: 5px 10px 13px; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; color: #404040; font-size: 13px; text-align: center; }
.div-table.indv .vtblview_wrap .tbl_horizontal tbody td.td_txt_indv_blue { color: blue !important; font-weight: bold !important; font-size: 13px !important; text-decoration: underline !important; }
.div-table.indv .vtblview_wrap .tbl_horizontal tbody td.td_txt_indv_default { font-weight: bold !important; font-size: 13px !important; }
.div-table.indv > h4.subtext { margin: 0px 0px 5px 0px; color: #101010; line-height: 20px; font-size: 12px; }
.div-table.indv > h4.subtitle { margin: 0px 0px 5px 0px; padding-left: 13px; background: url(../images/contents/bul_aro03.gif) no-repeat 0 4px; color: #101010; font-size: 15px; font-weight: bold; line-height: 20px; }
.layer-popup-contents > .etc_wrap { margin-top: 16px; padding: 0 50px 20px 0; border: 1px solid #c8c8c8; font-size: 14px; line-height: 22px; }

/* div table join - 회원가입 */
.div-table.join ul { height: 40px; }
.div-table.join ul > li { border-top-color: #d1d1d1; border-top-style: solid; border-top-width: 1px; border-bottom-width: 0px; }
.div-table.join ul > li:first-child { border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; }
.div-table.join ul > li:last-child { border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.join ul > li.title { font-weight: bold; background-color: #FFF5D2; border-left-color: #d1d1d1; border-left-style: solid; border-left-width: 1px; border-right-color: #d1d1d1; border-right-style: solid; border-right-width: 1px; }
.div-table.join ul:last-child > li {  border-bottom-color: #d1d1d1; border-bottom-style: solid; border-bottom-width: 1px; }

/* div-table joinSucc - 회원가입완료 */
.div-table.joinSucc ul { height: 200px; }

/* div-table searchPopupBox - 검색조건 1단 */
.div-table.searchPopupBox ul { height: 52px; }
.div-table.searchPopupBox ul > li { background-color: #FFF5D2; border-color: #d1d1d1; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
.div-table.searchPopupBox ul > li:first-child { border-left-style: solid; border-left-width: 1px; text-align: center; width: 70px; }
.div-table.searchPopupBox ul > li:last-child { border-right-style: solid; border-right-width: 1px; text-align: center; width: 100px; }

/* div-table searchBox - 금융상품제안 */
.div-table.searchBox ul { height: 55px; }
.div-table.searchBox ul > li { background-color: #FFF5D2; border-color: #FFC7AF; border-top-style: solid; border-top-width: 1px;
	border-bottom-style: solid; border-bottom-width: 1px; line-height: 24px; }
.div-table.searchBox ul > li:first-child { border-left-style: solid; border-left-width: 1px; text-align: center; width: 70px; }
.div-table.searchBox ul > li:last-child { border-right-style: solid; border-right-width: 1px; text-align: left; width: 100px; }

/*
.divTable .tr { display: table-row; }
.divTable .tt { background-color: #EEE; display: table-header-group; }
.divTable .td, .divTable .th { border: 1px solid #999999; display: table-cell; padding: 3px 10px; }
.divTable .th { background-color: #EEE; display: table-header-group; font-weight: bold; }
.divTable .tf { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.divTable .tbody { display: table-row-group; }

.div-table { display: table; width: 100%; border: 0px; margin-top: 10px; }
.div-table .tr { display: table-row; }
.div-table .tt { background-color: #EEE; display: table-header-group; }
.div-table .td, .divTable .th { border: 0px solid #999999; display: table-cell; padding: 3px 10px; vertical-align: middle; }
.div-table .th { background-color: #EEE; display: table-header-group; font-weight: bold; }
.div-table .tf { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.div-table .tbody { display: table-row-group; }
*/

/* width % class */
.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }

.bl_link {
    color: #2687f2;
}

/* content - title */
.contents_title { margin-top: 15px; padding-left: 22px; background: url(../images/header/bul_circle.png) no-repeat 0 5px;
    color: #101010; font-size: 22px; font-weight: bold; line-height: 22px; }
.contents_subtitle { margin-top: 30px; padding-left: 22px; background: url(../images/header/bul_circle.png) no-repeat 0 5px;
    color: #101010; font-size: 22px; font-weight: bold; line-height: 22px; }
.visual_box { width: 100%; margin-top: 20px; border: 2px solid #f3f3f3; }
.in_box { width: 100%; min-height: 160px; padding: 10px 10px 10px 10px; box-sizing: border-box; font-size: 15px; line-height: 27px; }
.subtitle { margin: 50px 0 0 24px; padding-left: 13px; background: url(../images/contents/bul_aro03.gif) no-repeat 0 4px; color: #101010; font-size: 15px; font-weight: bold; line-height: 20px; }
.subtext { margin: 50px 0 0 24px; padding-left: 13px; color: #101010; line-height: 20px; }

.pop_subtitle { margin: 10px 0 0 5px; padding-left: 13px; background: url(../images/contents/bul_aro03.gif) no-repeat 0 4px; color: #101010; font-size: 15px; font-weight: bold; line-height: 20px; }
.pop_subtitle_gray { margin: 10px 0 0 5px; padding-left: 18px; background: url(../images/com/icon/tit_icon.gif) no-repeat 0 4px; color: #101010; font-size: 12px; font-weight: bold; line-height: 23px; }
.pop_subtitle_highlight { padding: 2px 0px 0px 22px; background: url(../images/com/icon/yellow_bull.gif) no-repeat 0 4px; color: #101010; font-size: 13px; font-weight: bold; line-height: 23px; }
.txt_red { color: red; font-size: 12px; }

/* 공통윈도우 */
div.com-window { position: relative; margin: 0px auto; min-width: 200px; min-height: 100px; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	border-radius: 5px; color: #333; background-color: #fff; border: none; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }
div.com-window > .head { position: relative; height: 32px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; 
	color: #333; background-color: #ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #ddf0ff 100%); 
	background-image: linear-gradient(top, #ffffff 0%, #ddf0ff 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ddf0ff 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #ddf0ff 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #ddf0ff 100%); }
div.com-window > .head > * { position: absolute; padding: 8px 8px 6px 8px; }
div.com-window > .head > .left { left: 10px; right: 40px; font-weight: bold; }
div.com-window > .head > .right { min-width: 20px; right: 5px; }
div.com-window > .body { background-color: #ffffff; border-top: 1px solid #ebebeb; position: relative; overflow: auto; padding: 15px; word-break: break-all; }
div.com-window > .foot { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 47px; text-align: center; -webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #ddf0ff 100%);
	background-image: linear-gradient(top, #ffffff 0%, #ddf0ff 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ddf0ff 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #ddf0ff 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #ddf0ff 100%);
	border-top: 1px solid #e5e5e5; }
div.com-window > .foot > .btn { margin-top: 9px; }

/* ajax progress image */
.wrap-loading { position: fixed; left:0; right:0; top:0; bottom:0; z-index: 19000; background: rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); }
.wrap-loading div{ position: fixed; top:50%; left:50%; margin-left: -75px; margin-top: -75px; }


/*개인정보 수집이용내역*/
.td_txt_indv_blue { color: blue !important; font-weight: bold !important; font-size: 17px !important; text-decoration: underline !important; }
.td_txt_indv_default { font-weight: bold !important; font-size: 17px !important; }