@charset "utf-8";
/* -------------------------------------------
## mall_new.css
최종전달 날짜버전 : 2023-06-09 V1.0 : 비대면 ELF 상품 리스트 표기 수정
---------------------------------------------- */
/* CSS Document */
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
html{overflow:hidden; overflow-x:auto; overflow-y:scroll; background:#fff; height:100%;}
/* html,body{width:100%; height:100%;} */
body{position:relative; min-width:1000px; height:auto !important; height:100%; min-height:100%;}

.body_scroll{overflow:hidden;height:100% !important;}

html,body,pre,select,textarea,input,h1,h2,h3,h4,h5,h6{font-size:14px;line-height:22px;font-family:맑은고딕, malgun gothic, Dotum, Arial, Helvetica, sans-serif;color:#333;letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
caption{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
img,fieldset,iframe{border:none; border:0;}
/*img {width:100%}*/
/* dl dd img {width:100%} */
img, .inputBtn{vertical-align:middle;}
ul, ol{list-style:none;}
a{color:#333; cursor:pointer; text-decoration:none;}
button,label{cursor:pointer;}
* html a span{cursor:pointer;}
em,address{font-style:normal;}
textarea{overflow-y:auto;}
pre, .pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.pre{white-space:pre-wrap;}
option{float:none !important; display:block !important;}
/* border */
.bor-left{border-left: 1px solid #e0e0e0!important}

/* Font Size */
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs17{font-size: 17px !important;}
.fs18{font-size: 18px !important;}

/* Magin  */
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mt2{margin-top:2px !important}
.mt8{margin-top:8px !important}
.mt12{margin-top:12px !important}
.mt14{margin-top:14px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{ margin-top:40px !important;}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}

.mg0{margin: 0 !important;}
.mb0{margin-bottom:0 !important;}

/* 패딩 */
.pb100{padding-bottom:100px !important;}
.pt5{padding-top:5px !important}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdb5{padding-bottom:5px;}
.pdb20{padding-bottom:20px;}
.pdr10{padding-right:10px;}
.mgt5{margin-top:5px;}
.mrl20{margin-left:20px;}
.pd5{padding:5px;}

/* 행간 */
.lh20{line-height:20px;}

/* 정렬 */
.alignCenter{text-align:center !important;}
.alignRight{text-align:right !important;}
.ar {text-align:right !important;}

.skipNavi{position: absolute; top:0; left:0; z-index:1000; width:100%;}
.skipNavi a {display:block; position: absolute; top: -9999px; width:100%;}
.skipNavi a:focus,
.skipNavi a:hover,
.skipNavi a:active{display:block; top:0; width:100%; padding:10px 0; color:yellow; font-weight: bold; text-align: center; background-color: #000;}

.body_scroll{ overflow:hidden; height:100% !important}

/*2022.08 : 레이어팝업 추가 */
/*기본팝업*/
#popupWrap{overflow:visible; position:fixed; left:0; top:0; background:url(/images/biz_new/common/bg_pop.png) repeat !important; width:100%; height:100%; z-index:100}
#popupWrap.back_none{ background:#fff !important}
/* 170518 메인추가레이어팝업 시작 */
#popupWrap.introPopupWrap{background-image:url(/images/biz_new/common/bg_intropop.png) !important;}
#popupWrap.introPopupWrap .popTitle{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
#popupWrap.introPopupWrap .popupWrap{border:none; background:none;}
#popupWrap.introPopupWrap .popInnerWrap dl{ width:802px; height:496px; margin:0 auto; position:relative; background:url(/images/biz_new/main/img_lypop_intro.png) no-repeat 0 0}
#popupWrap.introPopupWrap .popInnerWrap dl a{ display:block;overflow:hidden; position:absolute; left:40px; top:310px; width:139px; height:40px;font-size:0;text-indent:-9999px;}
#popupWrap.introPopupWrap .popInnerWrap dl a.go_view02{left:186px;}
#popupWrap.introPopupWrap .popInnerWrap .check{top:-70px;left:35px;}
#popupWrap.introPopupWrap .popInnerWrap .check .btn_lypop {display:inline-block;overflow:hidden;position:relative;top:5px;left:6px;width:26px; height:26px;font-size:0;text-indent:-9999px;background:url(/images/biz_new/main/btn_lypop_close.png) no-repeat 0 0}
.popupWrap{ width:680px; margin:0 0; border:1px solid #006db8; background:#fff url(/images/biz_new/common/bg_pop_logo.gif) no-repeat 98% 98%; position:relative; display:none}/*팝업(none)*/
.popTitle{ height:56px; line-height:54px; color:#fff; font-weight:bold; font-size:20px; padding-left:25px; background:#006db8; font-family: 맑은고딕, malgun gothic;}
.pop_content{ padding:25px 25px 0 25px;  width:auto; max-height:600px; overflow-y:auto;}
.pop_content2{ padding:25px 25px 0 25px;  max-height:520px; overflow-y:auto;}
.pop_content3{ padding:25px 25px 0 25px;  max-height:480px; overflow-y:auto; }
.pop_content4{ padding:25px 25px 0 25px;  max-height:660px; overflow-y:auto; }
.pop_content .popInnerWrap{ padding-bottom:25px; overflow:hidden; width:auto; padding: 0 0 25px 0;}
.pop_content2 .popInnerWrap{ padding-bottom:25px; overflow:hidden; width:630px}
.pop_content3 .popInnerWrap{ padding-bottom:25px; overflow:hidden; width:630px}
.pop_content4 .popInnerWrap{ padding-bottom:25px; overflow:hidden; width:630px}
.btn_pop_close{ display:block; width:22px; height:22px; position:absolute; right:25px; top:16px; background:url(/images/biz_new/common/btn_pop_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.pop_content .subTitle{ font-size:16px; font-weight:bold; margin-bottom:12px; color:#333; margin-top:0}
.pop_check_area{ display:inline-block; text-align:right; position:absolute; top:15px; right:70px;}
.pop_check_area label{ font-weight:normal; color:#fff; font-size:13px;}
/*2022.08 : 추가*/
#popupWrap{overflow:visible;position:fixed;left:0;top:0;background:url(/images/biz_new/common/bg_pop.png) repeat!important;width:100%;height:100%;z-index:100;}
/* 2022.08 : 약관팝업 패딩 시 버튼 아래로 밀림현상 .popInnerWrap{padding:20px;} */
.popupWrap .pop_content {font-size: 14px;line-height: 22px;font-family: 맑은고딕, malgun gothic, Dotum, Arial, Helvetica, sans-serif;color: #333;letter-spacing: -1px;}


/*텍스트 정렬*/
.star_txt { padding-left:13px; text-indent:-13px;} /* ※ 표시일 경우 */
.star_txt01 { padding-left:9px; text-indent:-11px;} /* *표시일 경우 */
.num_txt { padding-left:17px; text-indent:-17px;} /* 동그라미번호(①...) 표시일 경우 */
.num_txt01 { padding-left:15px; text-indent:-13px;} /* 번호(1,2...) 표시일 경우 */
ul .star_txt {padding-left:13px}
ul .star_txt01 {padding-left:9px}
.star_txt li, .star_txt01 li {text-indent:0}

/* as-is css소스 */
.unit{font-size:11px; letter-spacing:-1px;}

/* 레이어 팝업 */
.lpop .popInnerWrap{padding:20px;}
/* 기존 lpop 중 동의서 항목 버튼 조정 필요*/
#inforMationPopup.lpop .popInnerWrap{padding:0px; }

.lpop{position:absolute; top:50%; left:50%; z-index:13; background:#fff; border:2px solid #999;}
* html .lpop{width:400px;}
*:first-child+html .lpop{width:400px;}
.lpop .btnClose,
.lpop .btnCloseAddFunc{position:absolute; top:5px; right:5px;}
.lpopTitle{width:100%; padding:12px 0 11px 0; background:#1c4693 url(/images/contents/bg_lpop_title.jpg) no-repeat 100% 0; border-bottom:1px solid #ebebeb; font-family:NanumGothicBold, NanumGothicBoldWEB; color:#fff; font-size:16px; line-height:20px; text-indent:23px;}
.lpopCont{padding:33px 30px 18px 30px;}
.gBox{padding:20px; background:#f6f6f6; text-align:center;}
.lpop .tCont{border-bottom:1px solid #f6f6f6;}
.btnlPop{padding-top:20px; text-align:center;}
.btnlPop a{display:inline-block; padding-left:10px; background:url(/images/contents/btn_lpop_l.gif) no-repeat 0 -20px;; text-decoration:none;}
.btnlPop a span{display:inline-block; padding:3px 10px 3px 0; background:url(/images/contents/btn_lpop_r.gif) no-repeat 100% -20px; line-height:14px;}
.btnlPop a.btnW{background-position:0 0;}
.btnlPop a.btnW span{background-position:100% 0; color:#fff;}
.btnlPop a.btnN{background-position:0 -40px;}
.btnlPop a.btnN span{background-position:100% -40px; color:#fff;}
.lpopOverlay{position:absolute; left:0; top:0; background: #aaaaaa; opacity:.3;filter:Alpha(Opacity=30);z-index:10; _width:0 !important;; _height:0 !important; _background:none; _opacity:1;_filter:Alpha(Opacity=100);}
.lpopOverlay2{position:absolute; left:0; top:0; background: #aaaaaa; opacity:.3;filter:Alpha(Opacity=30);z-index:12; _width:0 !important;; _height:0 !important; _background:none; _opacity:1;_filter:Alpha(Opacity=100);}
.lpop .outLine{padding:20px; border:1px solid #e5e5e5;}
.lpop .form{position:relative; width:100%;}
.lpop .form p{width:100%; padding-bottom:5px;}
.lpop .form p:after{content:""; display:block; clear:both;}
.lpop .form p *{float:left;}
.lpop .form label{width:70px;}
.lpop .form .inputBtn{position:absolute; top:0; left:220px;}

/* 안내 스타일 박스타입 */
.noticeBox{padding:15px 20px; border:1px solid #ddd; background:#fafafa;}
.noticeBox dt{height:30px; padding-left:28px; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:14px; line-height:18px; color:#1d418e; background:url(/images/mall_new/bg_notice_dt.gif) no-repeat;}
.noticeBox dd{line-height:15px;}
.noticeBox .listTypeDot > li~li{margin-top:3px}
/* 컨텐츠 내부 라운드 회색 그라데이션 배경 오른쪽 방향 화살표 작은 버튼 */
.btnRSArr{display:inline-block; margin:0 5px 0 0; padding:0 0 0 17px !important; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 -181px; line-height:13px; text-decoration:none !important;}
.btnRSArr span{display:inline-block; height:17px; padding:4px 12px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 100% -206px; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
/* 블릿 타입 */
.bulTypeFAQ{padding-left:28px; background:url(/images/contents/bul_d1.gif) no-repeat 19px 7px !important; line-height:20px;}
.bulType1{padding:0 0 5px 10px; font-weight:bold; letter-spacing:-1px; color:#000; background:url(/images/contents/bul_d1.gif) no-repeat 0 8px; line-height:20px;}
.bulType2, .bulType2List li{padding:0 0 5px 19px; background:url(/images/contents/bul_d2.gif) no-repeat 10px 7px; line-height:20px;}
.bulType3{padding-left:28px; background:url(/images/contents/bul_d3.gif) no-repeat 19px 7px !important; line-height:20px;}
.bulType3List{padding-left:19px; line-height:20px;}
.bulType2List .bulType3List{padding-left:0px;}
.bulType3List li, .bulType2List .bulType3List li{padding-left:9px; background:url(/images/contents/bul_d3.gif) no-repeat 0 7px !important; line-height:20px;}
.bulType4{padding-left:10px; line-height:18px; background:url(/images/contents/bul_d4.gif) no-repeat 0 7px; text-align:left;}
td .bulType3List{padding-left:0;}
/* 테이블타입 정의목록(dl) * 깨짐주의 * */
.dlTypeTb {position: relative;width: 100%;border-top: 1px solid #000;border-bottom: 1px solid #f7f7f7;}
.dlTypeTb:after{content:""; display:block; clear:both;}
.dlTypeTb dl {position:relative; float:left; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5;}
/* .dlTypeTb dl{position:relative; float:left; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5;}
.dlTypeTb dl{position:relative; overflow:hidden; display:table; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5; margin-top:0px !important; margin-bottom:0px !important;} */
/*.dlTypeTb dt {display:table-cell; width:110px; float:none; padding:8px 10px 8px 20px; vertical-align:middle !important;} */
* html .dlTypeTb dd{height:22px;}
* html .dlTypeTb dl{float:none;}
.dlTypeTb dl.wd45{float:left; width:45%;}
.dlTypeTb dl.wd45 dd{width:165px;}
.dlTypeTb dl.wd55{float:left; width:55%;}
.dlTypeTb dl.wd55 dd{width:200px;}
.dlTypeTb dl.wd50{float:left; width:50%;}
.dlTypeTb dl.wd50 dd{width:165px;}
.dlTypeTb dl.wid50{float:left; width:50%;}
.dlTypeTb dl.wid50 dd{width:50%;}
.dlTypeTb dl span.textArea{clear:both;}
.dlTypeTb dt{float:left;}
/* .dlTypeTb.ddWd300 dt {width:300px;} */
.dlTypeTb dt span, .dlTypeTb dt label, .dlTypeTb dt a{position:absolute; top:50%; left:20px; margin-top:-7px; padding:0; color:#000; line-height:14px;}
/* .dlTypeTb dt span, .dlTypeTb dt label, .dlTypeTb dt a{padding:0 0; line-height:14px; position:static; top:inherit; left:inherit; margin-top:0 !important;} */
.dlTypeTb.ddWd300 dd {width:300px;}
/* .dlTypeTb dd{display:table-cell;  height:auto; padding:5px 20px; background:#fff; line-height:20px; float:none;} */
.dlTypeTb dd{display:inline; float:right; width:530px; min-height:22px; padding:5px 20px; background:#fff; line-height:20px;}
/* 데이터 테이블 스타일 */
.tableWrap{width:100%; border-top:1px solid #000;}
.dataTable{width:100%;}
.dataTable thead th{padding:9px 5px 7px 5px; background:#f6f6f5; text-align:center; border-width:1px 0 1px 1px; border-style:solid; border-color:#e6e5e5; border-top-color:#fff;}
.dataTable tbody th, .dataTable td{padding:5px 5px 4px 5px; line-height:21px; border-width:0px 0 1px 1px; border-style:solid; border-color:#e6e5e5; text-align:center; font-weight:normal; vertical-align:middle;}
.dataTable tbody .noBtmLine th, .dataTable .noBtmLine td{padding-bottom:0;border-bottom:0 none;}
.dataTable tbody th.noBtmLine, .dataTable td.noBtmLine{border-bottom:0 none;}
.dataTable tbody th.btmLine, .dataTable td.btmLine{border-bottom:1px solid #e6e5e5;}
.dataTable .alignRight{padding-right:10px; text-align:right;}
.dataTable .alignLeft{padding-left:10px; text-align:left;}
.dataTable th.noBg, .dataTable td.noBg{border-left:0; background-image:none;}
.dataTable tbody th.tbodythbg{ background-color:#f6f6f5 ;}
.dataTable .tbColor td{background-color:#fdfdfd;}
.dataTable tbody th.tbColor, .dataTable td.tbColor{background-color:#fdfdfd;}
.dataTable tbody th a,
.dataTable tbody td a{text-decoration:underline;}
.noBlackLine{border-top-color:#ccc !important;}
.dataTable td .rBtnW1{float:right;min-width:90px;}/* 모든보유계좌조회 계좌번호 옆 버튼 배치 */
.dataTable td .rBtnW1{width:90px;}
/* 중복구조 */
.wType{}
.wType dt{line-height:14px !important;}
.wType dd{float:right !important; width:430px !important;}
.wType dd.wbWrap{width:599px !important; padding:0; border-left:1px solid #e6e5e5;}
.wType dd.ddWd400 dd{width:400px !important;}
.wType .noBdr{border-bottom:0;}
.bulType2, .bulType2List li{padding:0 0 5px 19px; background:url(/images/mall_new/bul_d2.gif) no-repeat 10px 9px; line-height:20px;}

/* 2017.03.06 수정 */
.dlType_bor{position:relative; width:100%; border-top:2px solid #2397b4; border-bottom:1px solid #ccc;}
.dlType_bor:after{content:""; display:block; clear:both;}
.dlType_bor dl {position:relative;width:100%; overflow:hidden; background:#f6fbfc; border-bottom:1px solid #e5e5e5; }
.dlType_bor .b_none {border-bottom:0}
* html .dlType_bor dl{float:none;}
.dlType_bor dt{float:left;}
.dlType_bor dt span, .dlType_bor dt label, .dlType_bor dt a{position:absolute; top:50%; left:20px; margin-top:-7px; padding:0; font-size:14px; color:#333; line-height:14px;}
.dlType_bor dd {display:inline; float:right; width:550px; min-height:22px; padding:5px 10px; border-left:1px solid #c8dee3; background:#fff}
.dlType_bor dd input {font-size:14px; color:#666}
.dlType_bor .txt_area {width:550px; display:block; padding:5px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.dlType_bor .txt_area textarea {-webkit-box-sizing: border-box; box-sizing: border-box; width:100%; min-height:113px; padding:10px; font-size:14px; color:#666; resize:none;}
.noticeTxt.type01 {font-size:14px; color:#666; padding-top:5px;}

/* QnA */
.qnaWrap h2{overflow:hidden;margin-top:20px;padding-bottom:16px;/* font-size:13px; */color:#333;line-height:14px; border-bottom:1px solid #e6e5e5;}
.qnaWrap h2:first-child{margin:0;}
.qnaWrap h2 b, .qnaWrap h2 span{display:inline-block;float:left;line-height:18px; cursor:pointer; }
.qnaWrap h2 b{width:40px; text-align:right;}
.qnaWrap h2 span{width:680px;margin-left:5px;font-weight:bold;}
.qnaWrap p{display:none;overflow:hidden;padding:20px;border-bottom:1px solid #e6e5e5;background:#f7f7f7;line-height:18px;}
.qnaWrap p b,.qnaWrap p span{display:inline-block;float:left;}
.qnaWrap p b{width:40px; text-align:right;}
.qnaWrap p span{width:640px;margin-left:5px;}
.qnaIcon{overflow:hidden; display:inline-block; width:19px; height:17px; margin-right:5px; text-indent:-5000px; vertical-align:middle; background:url(/images/contents/bg_qna_list.gif) no-repeat; *text-indent:0; *font-size:0; *line-height:0; _margin-bottom:3px;}
.answer{overflow:hidden; display:inline-block; width:29px; height:17px; background:url(/images/contents/bg_qna_list.gif) no-repeat 0 -35px; margin-right:5px; text-indent:-5000px; vertical-align:middle; }
.answerY{overflow:hidden; display:inline-block; height:17px; background:url(/images/contents/bg_qna_list.gif) no-repeat 0 -70px; margin-right:5px; text-indent:-5000px; vertical-align:middle; }
.answerN{overflow:hidden; display:inline-block; width:19px; height:17px; background:url(/images/contents/bg_qna_list.gif) no-repeat 0 -105px; margin-right:5px; text-indent:-5000px; vertical-align:middle; }
/* 공통 에러 */
/*.errorArea{background:#fafafa url(/images/mall_new/bg_errorarea.gif) no-repeat 70px 105px;} 2017.03.09 */
.errorArea .innerWrap{padding:60px 30px 60px 230px;}
.erTitle{height:50px; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:24px; line-height:26px; color:#1d418e; border-bottom:1px solid #ebebeb; letter-spacing:-1px; word-spacing:-1px;}
.erTitle span{color:#00aaed;}
.erCont ul{padding:20px 0 15px 0; border-top:1px solid #fff; border-bottom:1px solid #ebebeb;}
.erCont li{padding-bottom:5px;}
.erCont .notice{position:relative; font-size:11px; line-height:18px;}
.erCont .notice strong{color:#000;}
.erCont .btnDefault{position:absolute; bottom:0; right:0; padding:0;}
.erCont .btnMallD2{padding-top:3px;line-height:14px;}
.errTop{margin-bottom:30px;}
.errTop .innerWrap {display:block; width:auto; padding:27px 27px 20px 167px;border:3px solid #e4e6e9;}
.errTop .innerWrap .erCont {width:auto}
.errTop{background:#fafafa url(/images/mall_new/bg_errorareaTop.gif) no-repeat 40px 60px;}
.errTop .erTitle{height:30px; font-size:20px; line-height:22px;}
.errTop .erCont ul{padding:10px 0 5px 0; word-spacing:-1px;}
.errTop .erCont .notice{*zoom:1;}
.errTop .erCont .notice:after{content:""; display:block; clear:both;}
.errTop .erCont .notice .desc{float:left;}
.errTop .erCont .notice .btnClose{float:right;margin-top:9px;}
/* 2x2 회색 도트 리스트 */
.listTypeDot li{padding-left:10px; background:url(/images/mall_new/bul_dot_2x2_999.gif) no-repeat 0 8px !important; line-height:1.3;}
.listTypeDot li li{padding-left:0; background:none !important;}
.bulType3List li .listTypeDot li{padding-left:10px; background:url(/images/mall_new/bul_dot_2x2_999.gif) no-repeat 0 7px !important;}
.listTypeDot.lh20 li{background-position:0 8px !important;}
/* 카드 - 소개 */
.cardInfomation{width:100%; margin-top:20px;}
.cardInfomation ul {margin-top:-5px;}
.cardInfomation ul li{display:inline-block; width:100%; background:url(/images/mall_new/bg_dotted_d3.gif) repeat-x bottom; padding:30px 0;}
.cardInfomation ul li.last {background:none; border-bottom: 1px solid #DADCE4;}
.cardInfomation ul li dl{ float:left; width:360px;}
.cardInfomation ul li dl.g01{width:272px; background:url(/images/mall_new/bg_card_guide_01.gif)	no-repeat 8px top; padding-left:88px;}
.cardInfomation ul li dl.g02{width:254px; background:url(/images/mall_new/bg_card_guide_02.gif) no-repeat 0 top; padding-left:100px;height:82px; }
.cardInfomation ul li dl.g03{width:272px; background:url(/images/mall_new/bg_card_guide_03.gif) no-repeat 15px top; padding-left:88px;}
.cardInfomation ul li dl.g04{width:345px; background:url(/images/mall_new/bg_card_guide_04.gif) no-repeat 0 0; padding-left:100px;height:82px; }
.cardInfomation ul li dl.g05{width:272px; background:url(/images/mall_new/bg_card_guide_05.gif) no-repeat 0 top; padding-left:100px;}
.cardInfomation ul li dl.g06{width:292px; background:url(/images/mall_new/bg_card_guide_06.gif) no-repeat left 6px; padding-left:88px;}
/*.cardInfomation ul li dl.g07{width:232px; background:url(/images/mall_new/bg_card_guide_07.gif) no-repeat 10px top; padding-left:90px;}
.cardInfomation ul li dl.g08{width:292px; background:url(/images/mall_new/bg_card_guide_08.gif) no-repeat left 3px; padding-left:88px;}
.cardInfomation ul li dl.g09{width:251px; background:url(/images/mall_new/bg_card_guide_09.gif) no-repeat left top; padding-left:88px;}
.cardInfomation ul li dl.g10{width:279px; background:url(/images/mall_new/bg_card_guide_10.gif) no-repeat left 6px; padding-left:88px;}
.cardInfomation ul li dl.g11{width:251px; background:url(/images/mall_new/bg_card_guide_11.gif) no-repeat 5px top; padding-left:95px;}
.cardInfomation ul li dl.g12{width:279px; background:url(/images/mall_new/bg_card_guide_12.gif) no-repeat left 3px; padding-left:88px;}
.cardInfomation ul li dl.g13{width:251px; background:url(/images/mall_new/bg_card_guide_13.gif) no-repeat left top; padding-left:95px;}
.cardInfomation ul li dl.g14{width:265px; background:url(/images/mall_new/bg_card_guide_14.gif) no-repeat left 8px; padding-left:88px;}
.cardInfomation ul li dl.g15{width:251px; background:url(/images/mall_new/bg_card_guide_15.gif) no-repeat left top; padding-left:95px;}
.cardInfomation ul li dl.g16{width:251px; background:url(/images/mall_new/bg_card_guide_16.gif) no-repeat 40px top; padding-left:107px;} 2017.03.09 */
.cardInfomation ul li dl dd{margin-top:7px; line-height:16px;}
.cardInfomation ul li dl dd.ml_75 {margin:25px 0 0 -75px !important;}

.cautionBox01 .insuCau dt {width:85px;}
.cautionBox01 .insuCau dd {width:635px; padding:0 0 5px 0;}
.cautionBox01{width:100%; margin-top:20px; padding:20px 0 12px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cautionBox01 dl{overflow:hidden; width:100%;}
.cautionBox01 dl dt{float:left; width:136px;}
.cautionBox01 dl dt.w125{float:left; width:125px;}
/*2017-04-13 모바일카드 간격조정위채 추가*/
.cautionBox01 dl dt.w110{float:left; width:110px;}

.cautionBox01 dl dd{float:left; width:580px;}
/*2017-04-13 모바일카드 간격조정위채 추가*/
.cautionBox01 dl dd.w620{float:left; width:620px;}

.cautionBox01 dl dd .desc{margin-top:2px; line-height:18px;}
/*서비스 - 주의사항*/
.cautionBox01 dl dd dl dt {float:none; width:100%; color:#5b5b5b; font-weight:bold; padding:20px 0 15px;}
.cautionBox01 dl dd dl dd {float:none; width:100%;}
.cautionBox01 dl dd dl dd.infotxt{margin-top:14px;}
.cautionBox01 dl dd dl dd.infotxt ul.infoTxt li{line-height:16px;}
.cautionBox01 dl dd .at_list li{background:url(/images/mall_new/bu_sq_d3.gif) no-repeat 0 6px; padding-left:8px; line-height:18px; font-size:11px;}

.bu01{padding-top:14px;}
.bu01 li{background:url(/images/mall_new/bu_cir_7b.gif) no-repeat left 6px; margin-top:3px; padding-left:11px; line-height:18px;}
.bu01 li.bu02{background:url(/images/mall_new/bu_bar_8e.gif) no-repeat left 7px; margin-top:3px; padding-left:11px; line-height:18px;}
p.bu01 {background:url(/images/mall_new/bu_cir_7b.gif) no-repeat left 6px; padding-top:0; padding-left:11px; line-height:18px;}
.bu02 li{background:url(/images/mall_new/bu_bar_8e.gif) no-repeat left 6px; margin-top:6px; padding-left:11px; line-height:15px;}
 p.bu02 {background:url(/images/mall_new/bu_bar_8e.gif) no-repeat left 6px; margin-top:4px; padding-left:11px; line-height:19px;}
.bu03 li{background:url(/images/mall_new/bu_sq_c7.gif) no-repeat left 5px; margin-top:6px; padding-left:11px; line-height:15px;}

/*2017-04-13 모바일카드 간격조정위채 추가*/
.bu03.no_top_margin li{background:url(/images/mall_new/bu_sq_c7.gif) no-repeat left 5px; margin-top:0px; padding-left:11px; line-height:20px; padding-bottom:10px}
p.bu03{background:url(/images/mall_new/bu_sq_c7.gif) no-repeat left 5px; padding-left:11px; line-height:15px;}
dd.bu03 {background:url(/images/mall_new/bu_sq_c7.gif) no-repeat 3px 5px !important; padding-left:11px; line-height:15px;}

span.btn{position:relative; display:inline-block; overflow:visible; margin:0; text-decoration:none !important; white-space:nowrap; cursor:pointer; vertical-align:middle;}

/* 페이지내 컨텐츠와 사용되는 안내버튼 - 기본 */
.btnConLInkInfo {height:22px; background:url(/images/mall_new/bg_con_link_info_def_r.gif) no-repeat right top;}
.btnConLInkInfo a {display:inline-block; height:17px; background:url(/images/mall_new/bg_con_link_def_l.gif) no-repeat left top; padding:5px 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}
.btnConLInkInfo a:link,
.btnConLInkInfo a:active,
.btnConLInkInfo a:visited,
.btnConLInkInfo a:focus,
.btnConLInkInfo a:hover {text-decoration:none; color:#fff;}
.btnConLInkInfo button {height:22px; background:url(/images/mall_new/bg_con_link_def_l.gif) no-repeat left top; padding:0 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}
.btnConLInkInfo input {height:22px; background:url(/images/mall_new/bg_con_link_def_l.gif) no-repeat left top; padding:0 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}

/* 모바일카드 */
.mobileCardTit {height: 223px; padding: 43px 0 0 30px; width: 690px; background: url(/images/mall_new/txt_mobile_guide.jpg) no-repeat 0 0 ;}
	/* 모바일카드-발급신청가이드 */
.application{overflow:hidden; width:100%; margin-top:18px;}
.application li{float:left; cursor:pointer;}
.swInstall {overflow:hidden; width:100%; margin:20px 0 0 0;}
.w100p {width:100% !important;}
	/* 모바일카드 이용안내 */
.mbguideSub {position:absolute; left:0px !important; width:500px; overflow:hidden; margin:0 0 0 0;}
.mbguideSub02{position:absolute; left:0px !important; width:500px; overflow:hidden; margin:0 0 0 0;}
.tab01 li ul {position:absolute; top:45px;}
.tab01 li ul li {float:left; height:auto; background:url(/images/mall_new/bg_tab_2dapth_line.gif) no-repeat 0 15px !important;  margin-left:0; padding:0 13px; font-size:11px; line-height:13px;}
.tab01 li ul li.first {background:none !important; padding-left:0;}
.tab01 li ul li a {border:none;font-size:11px !important;display:inline !important; padding:0 !important; background:none !important; letter-spacing:0 !important;}
.tab01 li ul li.on {background:none; font-weight:bold !important;}
.tab01 li ul li.on a {color:#6f6f6f;}

.tab01 li.selected ul li {float:left; height:auto; background:url(/images/mall_new/bg_tab_2dapth_line.gif) no-repeat 0 15px !important;  margin-left:0; padding:0 13px; font-size:11px; line-height:13px;}
.tab01 li.selected ul li.first {background:none !important; padding-left:0;}
.tab01 li.selected ul li a {display:inline !important; padding:0 !important; background:none !important; font-weight:normal;color:#6f6f6f !important; letter-spacing:0 !important;}
.tab01 li.selected ul li.on {background:none;color:#3b64b2 !important;}
.tab01 li.selected ul li.on a {color:#3b64b2 !important; font-weight:bold;}

.infoTxt {background:url(/images/mall_new/ic_guide.gif) no-repeat left 0; padding-left:20px; line-height:16px; color:#777; font-size:11px; vertical-align:-1px;}

/* 20220121 : 추가 */
.table_col td:last-child{border-right:0;}
/* 20220328 : 추가 */
.pd0{padding: 0 !important;}
.accodion-area02>.acbox{position:relative;border:1px solid #e6e6e6;border-radius:6px;min-height:50px}
.accodion-area02>.acbox ~ .acbox{margin-top:15px}
.accodion-area02>.acbox>.btn-view{position:absolute;top:0;right:0;line-height:50px;background:transparent;border:0;outline:0;width:76px;height:72px;text-align:left;box-sizing:border-box}
.accodion-area02>.acbox>.acbox-tit{padding:25px 0 25px 31px;font-size:16px}
.accodion-area02>.skyblue-box>.acbox-tit{padding:26px 0 0 30px;font-size:16px}
.accodion-area02>.acbox>.acbox-txt-area{padding:4px 42px 27px 55px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more{background:transparent;border:0;outline:0;padding:0;font-size:14px;box-sizing:border-box;position:relative;color:#0d616b;text-decoration:underline}
.accodion-area02>.acbox>.acbox-txt-area .btn-more::after{content:"";display:inline-block;background:url(/images/contents/ic_trigerDown_turquoise.png) no-repeat 50% 50%;padding-left:5px;width:13px;height:8px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more.on::after{background:url(/images/contents/ic_trigerUp_turquoise.png) no-repeat 50% 50%}
.accodion-area02>.acbox>.acbox-txt-area .emphasis{font-weight:bold; color:#6597e2;}
.accodion-area02 .acbox .acbox-view-area .text-input-area select[disabled="disabled"]{background:#f3f3f3};
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:first-child{padding-top:9px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:last-child{padding-bottom:5px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list{padding:11px 0}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list p{padding-left:25px;line-height:1.5}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02:first-child{padding-top:0}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02{padding:1px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 ul{margin-left:12px}
.accodion-area02 .acbox .acbox-view-area.pd0>div{padding:15px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk{padding:5px 0 30px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk input{margin-right:8px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk label{margin-right:31px}
.accodion-area02 input{width:16px;height:16px;margin-right:5px;vertical-align:-3px}
.accodion-area02 .skyblue-box input{vertical-align:-2px}
.accodion-area02>.acbox>.btn-view:after{display:block;content:'';background:url(/images/contents/ic_trigerDown.png) no-repeat 50% 50%;width:100%;height:100%;position:absolute;right:0;top:0}
.accodion-area02>.acbox>.btn-view.on:after{background:url(/images/contents/ic_trigerUp.png) no-repeat 50% 50%}
.accodion-area02>.acbox>.btn-view .s-tit{font-size:14px;font-weight:bold;vertical-align:middle}
.accodion-area02>.acbox>.btn-view em{display:none;width:15px;height:16px;margin-right:5px;vertical-align:middle}
.accodion-area02>.acbox>.btn-view em>span{overflow:hidden;position:absolute;display:inline-block;width:1px;height:1px;border:0;margin:-1px;background:transparent}
.accodion-area02>.acbox>.btn-view.f_none em.check-none{display:inline-block;background:url(/images/mall_new/icon_fund_none.png) no-repeat}
.accodion-area02>.acbox>.btn-view.f_check em.check-end{display:inline-block;background:url(/images/mall_new/icon_fund_check.png) no-repeat}
.accodion-area02 .acbox-view-area{margin:0 29px;padding:15px 12px;border-top:1px solid #e6e6e6;display:none}
.accodion-area02 .acbox-view-area02{margin:0;padding:7px 0;display:none}
.accodion-area02 .acbox-view-area02 .txt-box{background:#f8fcfc;border:1px solid #d9eaec;border-radius:6px;box-sizing:border-box}
.accodion-area02 .acbox-view-area02 .txt-box ul{padding:18px 20px 20px;line-height:1.5}
.accodion-area02 .acbox-view-area .btn-complete{background:transparent;width:30%;border-radius:10px;border:1px solid #396bc8;color:#396bc8;padding:8px 0;margin:30px auto 0;display:block}
.focusBox{margin:16px 0 15px;padding:13px 30px;background:#fafafa}
.focusBox02{background:#fafafa}
.focusBox02 .acbox-view-area{padding:22px}
.accodion-area02 .focusBox02 .acbox-view-area ul{padding:22px 0;margin:0}
.accodion-area02 .focusBox02 .acbox-view-area ul li p{margin-top:5px}
.skyblue-box{background:#f5fdfe}
/* .tooltip-box .btn-tooltip-close{display:block;width:30px;height:32px;position:absolute;right:0;top:0;left:initial;margin-left:-22px;background:url(/images/contents/btn_tooltip_close.png) no-repeat 50% 50%} */
.popupWrap .snbSwiper{position:relative;background:#eee;padding:0 36px;overflow:hidden}
.popupWrap .snbSwiper:after{content:'';position:absolute;left:0;top:0;display:block;width:50px;height:100%;background:linear-gradient(90deg,rgba(238,238,238,1) 0,rgba(238,238,238,1) 48%,rgba(238,238,238,0) 100%);z-index:1}
.popupWrap .snbSwiper:before{content:'';position:absolute;right:0;top:0;display:block;width:50px;height:100%;background:linear-gradient(270deg,rgba(238,238,238,1) 0,rgba(238,238,238,1) 48%,rgba(238,238,238,0) 100%);z-index:2}
.popupWrap .swiper-wrapper{width:100%;padding:26px 0;white-space:nowrap}
.popupWrap .swiper-wrapper .swiper-slide{/* width:auto!important; */display:inline-block;padding:0 12px}
.popupWrap .swiper-wrapper .swiper-slide a{display:block;text-decoration:none;font-size:16px;color:#333}
.popupWrap .swiper-wrapper .on .text{color:#1c4595;font-weight:bold}
.popupWrap .swiper-wrapper .on .text:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%}
.popupWrap .snbSwiper button{position:absolute;background:transparent;top:0;bottom:0;border:0;outline:0;padding:0;width:12px;height:20px;margin:auto 0;box-sizing:border-box;z-index:2}
.popupWrap .snbSwiper .swiper-button-prev{background:url(/images/contents/ic_prev.png) no-repeat 0 0;left:21px}
.popupWrap .snbSwiper .swiper-button-next{background:url(/images/contents/ic_next.png) no-repeat 0 0;right:21px}
.popupWrap .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{visibility:hidden}
.popupWrap .height460scroll{height:300px;overflow-y:auto;padding:20px;line-height:1.6}
.popupWrap .btn_wrap_block{text-align:center;padding:30px 0}
.popupWrap .btn_blue_1{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#005fa1;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic,NanumGothicWEB}
.popupWrap .btn_gray_2{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#676767;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic,NanumGothicWEB}

.table_col td:last-child{border-right:0}
.cardGuideWrap .servBox dt{float:left;width:96px}
.product_view dt{min-width:110px;display:table-cell;vertical-align:top}
.cardGuideWrap .servBox .servIcon{overflow:hidden;display:inline-block;width:92px;height:20px;line-height:15px;padding:58px 3px 10px 0;text-align:center;font-size:12px;letter-spacing:-1px;color:#333;background:url(/images/contents/ico_card_service.gif) no-repeat}
.flight{background-position:-600px -100px!important}
.cardGuideWrap .servBox .p-tit01{font-size:18px;font-weight:bold;color:#017896;margin-bottom:10px}


.btnInnerTb {height:18px; background:url(/images/mall_new/bg_inner_tb_r.gif) no-repeat right top;}
.btnInnerTb a {height:15px; background:url(/images/mall_new/bg_inner_tb_l.gif) no-repeat 0 4px; padding:3px 10px 0 9px; font-size:11px; line-height:13px; color:#555555;}
.btnInnerTb a:link,
.btnInnerTb a:active,
.btnInnerTb a:visited,
.btnInnerTb a:focus,
.btnInnerTb a:hover {color:#555555;}
.btnInnerTb button {height:18px; background:url(/images/mall_new/bg_inner_tb_l.gif) no-repeat left top; padding:0 10px 0 9px; font-size:11px; line-height:13px; color:#555555;}
.btnInnerTb input {height:18px; background:url(/images/mall_new/bg_inner_tb_l.gif) no-repeat left top; padding:0 10px 0 9px; font-size:11px; line-height:13px; color:#555555;}
.icshopList img {margin:0 0 0 8px; vertical-align:middle;}

.ovHidden {overflow:hidden;}
.affilate_list{overflow:hidden;width:100%;}
.affilate_list li{float:left;margin-right:10px; padding-bottom:10px;}
.affilate_list li.last{margin-right:0;}

/* 기본 회색 버튼 */
.btnDefault{padding-top:20px; text-align:center;}
.btnDefault *{display:inline-block;}
.btnDefault a {margin:0 2px; padding-left:15px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 -60px; text-decoration:none;}
.btnDefault a span {padding-right:15px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 100% -90px; line-height:29px; height:29px;}

/* 패키지구성 */
.itemListBox{position:relative;}
.itemListBox .more{position:absolute; right:20px; top:11px;}
.itemDetail .subTitle{height:auto; padding-top:12px; /* background:url(/images/mall_new/bg_mall_pkg_ttl.gif) repeat-x;2017.03.09 */ text-indent:30px;}
.itemDetail .itemList{border:0;}
.itemDetail .itemList dl{padding:20px; border-color:#efefef;}
.itemDetail .itemList dd{width:680px;}
.itemDetail .itemList .desc{width:450px;}
.itemDetail .itemList .bgColor{background:#f9f9f9;}

/* 상품특징 */
.itemDetail .itemTtl{padding-left:10px; font-weight:bold; letter-spacing:-1px; color:#000; line-height:20px;}
.itemDetail .itemCont{padding:3px 0 0 10px; line-height:20px;}
.itemDetail .itemCont .noticeTxt{padding-top:5px;margin-left:13px;text-indent:-13px;}
.itemDetail .dlTypeFl{width:100%;}
.itemDetail .dlTypeFl .leftPadding{padding-left:10px;}
.itemDetail .dlTypeFl:after{content:""; display:block; clear:both;}
.itemDetail .dlTypeFl .itemTtl{float:left;}
.itemDetail .dlTypeFl .itemCont{display:inline; float:left; min-height:14px; padding:0 0 0 5px;}

/* 아코디언 보드 */
.accBoard dl{width:100%;}
.accBoard dl:after{content:""; display:block; clear:both;}
.accBoard .accTtl{float:left; width:100%; border-bottom:1px solid #efeff1;}
* html .accBoard .accTtl{float:none; clear:both;}
.accBoard .accTtl a{display:block; padding:17px 40px 15px 20px; background:url(/images/mall_new/bg_accboard_ttl.gif) no-repeat 100% 3px;}
.accBoard .accTtl a.opened{background-position:100% -125px; font-weight:bold; letter-spacing:-1px; color:#000;}
/* .accBoard .accTtl.line2 a{background:url(/images/mall_new/bg_accboard_ttl.gif) no-repeat 100% -13%;}
.accBoard .accTtl.line2 a.opened{background-position:100% 113%;} */
.accBoard .accTtl a.opened:hover{color:#000; text-decoration:none; cursor:default;}
.accBoard .accCont{float:left; display:none; width:100%; background:#f7f7f7;}
.accBoard .accCont .innerWrap{margin:20px 0; padding:0 20px;}
.accBoard .dataTable td{text-align:left; background:#fff;}


.btnMallD1 a, .btnMallD2 a, .btnMallD3 a, .btnMallD1 .a, .btnMallD2 .a, .btnMallD3 .a
{margin:0 3px; padding-left:20px; background:url(/images/mall_new/bg_btn_mall.gif) no-repeat; text-decoration:none;}
.btnMallD2 .btnNArr{background-position:0 -370px;}
.bizTax .imgWrap .btnMallD2 a span{width:121px; padding-right:5px; text-align:center;}
.btnMallD2 .btnNArr span{padding:3px 30px 5px 0; background-position:100% -400px; color:#fff; height:20px;}

.onlineAffBox {background:url(/images/mall_new/bg_online_affiliate.jpg) no-repeat right 0;}
.onlineAffBc {width:100%; height:98px; margin:10px 0 0 0; padding:20px 0 0 0; background:url(/images/mall_new/bg_online_affiliate_bc.jpg) no-repeat left top;}
.onlineAffBc p {margin:0 0 0 146px;}
.onlineAffBc ul {margin:0 0 0 146px;}

.tCont .outLine{padding: 20px;border: 1px solid #E5E5E5;}
.agreeCheckBox{padding-top:10px;text-align:right;}
.agreeCheckBox *{vertical-align:middle;}
.agreeCheckBox .inputCheck{margin:0 0 0 5px;}

/* 2022.08 : 레이어팝업 추가 */
/* 이미지배경 안내문구 */
.noticeTxt{padding-top:10px; font-size:13px; letter-spacing:-1px;}
.noticeTxt2{padding-top:13px; font-size:14px; color:#ff460d;}
.noticeTxt3{padding-top:10px;  font-size:14px; color:#ff460d;}
.noticeTxt4{padding-top:10px;  font-size:14px; color:#333;}
.noticeTxt5{padding-top:20px;  font-size:14px; color:#666;}

/* 테이블타입 정의목록(dl) */
.cardGuideWrap .first {margin-top:0}
.cardGuideWrap .servBox .dlTypeTb{position:relative; border-top:1px solid #000; border-bottom:1px solid #f7f7f7; }
.cardGuideWrap .servBox .dlTypeTb dl{position:relative; overflow:hidden; display:table; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5; margin-top:0px !important; margin-bottom:0px !important;}
.cardGuideWrap .servBox .dlTypeTb dt{display:table-cell; width:110px; float:none; padding:8px 10px 8px 20px; vertical-align:middle !important;}
/* .cardGuideWrap .servBox .dlTypeTb dt span, .dlTypeTb dt label, .dlTypeTb dt a{padding:0 0; line-height:14px; position:static; top:inherit; left:inherit; margin-top:0 !important;} */
.cardGuideWrap .servBox .dlTypeTb dd{display:table-cell;  height:auto; padding:5px 20px; background:#fff; line-height:20px; float:none;}

/* 테이블타입 정의목록(dl) - 카드 */
.card_dl_type {position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; border-top:1px solid #000}
.card_dl_type dl {position:relative; display:table; width:100%; margin-top:0 !important; margin-bottom:0 !important; border-bottom:1px solid #e6e5e5}
.card_dl_type dl dt {float:none !important; display:table-cell; width:105px !important; padding:10px; vertical-align:middle; background:#f7f7f7}
.card_dl_type dl dt span {}
.card_dl_type dl dd {float:none !important; display:table-cell; /* width:80% !important; */ padding:10px; vertical-align:middle}

/* 서비스 아이콘 */
.cardGuideWrap .servIcon{overflow:hidden; display:inline-block; width:92px; height:20px; line-height:15px; padding:58px 3px 10px 0; text-align:center; font-size:12px; letter-spacing:-1px; color:#333; background:url(/images/contents/ico_card_service.gif) no-repeat;}
.cardGuideWrap .servIcon span{display:block; text-indent:-50000px;}
.cardGuideWrap .servIcon.type01 {font-size:11px;}
.cardGuideWrap .mobile{background-position:0 0 !important;}/* 이동통신 */
.cardGuideWrap .traffic{background-position:-100px 0 !important;}/* 교통 */
.cardGuideWrap .movie{background-position:-200px 0 !important;}/* 영화 */
.cardGuideWrap .rentalCar{background-position:-300px 0 !important;}/* 렌트카 */
.cardGuideWrap .store{background-position:-400px 0 !important; padding-top:53px !important; padding-bottom:15px !important;}/* 백화점/할인점 */
.cardGuideWrap .eShopping{background-position:-500px 0 !important;}/* 인터넷쇼핑 */
.cardGuideWrap .ship{background-position:-600px 0 !important;}/* 연안여객 */
.cardGuideWrap .gasStation{background-position:-700px 0 !important;}/* 주유 */
.cardGuideWrap .golf{background-position:-800px 0 !important;}/* 골프 */
.cardGuideWrap .electricBill{background-position:-900px 0 !important;}/* 전기요금 */
.cardGuideWrap .badaMart{background-position:0 -100px !important;}/* 바다마트 */
.cardGuideWrap .point{background-position:-100px -100px !important;}/* 포인트 */
.cardGuideWrap .okCashbag{background-position:-200px -100px !important;}/* OK캐쉬백 */
.cardGuideWrap .oilBank{background-position:-300px -100px !important;}/* 현대오일뱅크 */
.cardGuideWrap .cashService{background-position:-400px -100px !important;}/* 현금서비스 */
.cardGuideWrap .cashReward{background-position:-500px -100px !important;}/* 현금보상 */
.cardGuideWrap .flight{background-position:-600px -100px !important;}/* 항공 */
.cardGuideWrap .travel{background-position:-700px -100px !important;}/* 여행 */
.cardGuideWrap .hotel{background-position:-800px -100px !important;}/* 호텔 */
.cardGuideWrap .airport{background-position:-900px -100px !important;}/* 공항 */
.cardGuideWrap .dutyFree{background-position:0 -200px !important;}/* 면세점 */
.cardGuideWrap .specialService{background-position:-100px -200px !important;}/* 특별서비스 */
.cardGuideWrap .affiliatedStore{background-position:-200px -200px !important;}/* 가맹점 */
.cardGuideWrap .shopping{background-position:-300px -200px !important;}/* 쇼핑 */
.cardGuideWrap .ecoPoint{background-position:-400px -200px !important;}/* 에코포인트적립 */
.cardGuideWrap .withoutFee{background-position:-500px -200px !important;}/* 무이자할부 */
.cardGuideWrap .bookstore{background-position:-600px -200px !important;}/* 서점&커피 */
.cardGuideWrap .park{background-position:-700px -200px !important;}/* 놀이동산 */
.cardGuideWrap .accounting{background-position:-800px -200px !important;}/* 회계 */
.cardGuideWrap .esavePoint{background-position:-900px -200px !important;}/* 에너지절약포인트 */
.cardGuideWrap .greenPoint{font-size:11px;background-position:0 -300px !important;}/* 녹색소비포인트적립 */
.cardGuideWrap .publicCenter{background-position:-100px -300px !important;}/* 공공시설할인 */
.cardGuideWrap .stationery{background-position:-200px -300px !important;}/* 문구 */
.cardGuideWrap .roamingPhone{background-position:-300px -300px !important;}/* 로밍폰 */
.cardGuideWrap .restaurant{background-position:-400px -300px !important;}/* 패밀리레스토랑 */
.cardGuideWrap .academy{background-position:-500px -300px !important;}/* 학원 */
.cardGuideWrap .fisher{background-position:-600px -300px !important;}/* 어업인 지원 */
.cardGuideWrap .ohpoint{background-position:-700px -300px !important;}/* 오포인트 */

/* 신청 버튼 */
.cardGuideWrap .btnApply{display:inline-block; padding:0 0 0 13px !important; background:url(/images/mall_new/bg_btn_card_apply_l.gif) no-repeat; line-height:15px;}
.cardGuideWrap .btnApply span{display:inline-block; height:15px; padding:9px 27px 8px 0 !important; margin-right:0 !important; background:url(/images/mall_new/bg_btn_card_apply_r.gif) no-repeat 100% 0; font-size:12px; color:#fff;}
.cardGuideWrap .btnArea a img{vertical-align:top;}

/* 플래티넘 서비스 - 국가별 GCAS 전화번호 */
.cardGuideWrap .gcasTelTbl{width:710px;*zoom:1;}
.cardGuideWrap .gcasTelTbl:after{content:"";display:block;clear:both;}
.cardGuideWrap .gcasTelTbl .tableWrap{width:355px;}
.cardGuideWrap .gcasTelTbl .line2{height:52px;}

.servBoxBg01{background:url(/images/mall_new/bg_foodlogo.gif) no-repeat right 0; background-size:auto 24px;}
.servBoxBg02{background:url(/images/mall_new/bg_cardcon01.gif) no-repeat right 0; background-size:auto 73px;}
.servBoxBg03{background:url(/images/mall_new/bg_cardcon02.gif) no-repeat right 0; background-size:auto 73px;}

/* 서비스 */
.cardGuideWrap .servBox{width:100%;*zoom:1;}
.cardGuideWrap .servBox:after{content:"";display:block;clear:both;}
.cardGuideWrap .servBox dt{float:left;width:96px;}
.cardGuideWrap .servBox dd{float:right;width:597px;}
.cardGuideWrap .servBox dd span.clear{display:block;}
.cardGuideWrap .servBox dd dt{float:none;width:auto;padding-bottom:12px;font-weight:bold;color:#333;}
.cardGuideWrap .servBox dd dt *{vertical-align:middle;}
.cardGuideWrap .servBox dl{width:100%;*zoom:1; margin-bottom:25px;}
.cardGuideWrap .servBox dl:after{content:"";display:block;clear:both;}
.cardGuideWrap .servBox02 dt{width:105px;padding:10px;background:#f6f6f5}
.servBox02 dt span.titTxt{line-height:20px}
.servBox02 dd p{line-height:28px}

/* 게시물 뷰 페이지 */
.boardVWrap{position:relative; width:100%; padding-bottom:60px;_overflow-x:hidden;}
.boardVWrap .bVTop{width:100%; padding-top:10px; border-top:1px solid #6d6d6d; border-bottom:1px solid #dadada; background-color:#f9f9f9;}
.boardVWrap .bVTop:after{content:""; display:block; clear:both;}
.boardVWrap .bVTop dt{display:inline; float:left; height:20px; padding-left:20px; font-weight:bold; letter-spacing:-1px; color:#000;}
.boardVWrap .bVTop dd{float:right;}
.boardVWrap .bVTop dd:after{content:""; display:block; clear:both;}
.boardVWrap .bVTop .categ{float:left; color:#5e91d9;}
.boardVWrap .bVTop .writerInfo{float:right;}
.boardVWrap .bVTop .writerInfo span{float:left; padding:0 22px 8px 22px; background:url(/images/contents/div_board_qna_winfo.gif) no-repeat 0 100%;}
.boardVWrap .textArea{padding:20px; border-bottom:1px solid #b1b1b1;word-wrap:break-word;}/* white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; */
.boardVWrap .textArea img{max-width:100%;}

.prevNextList{width:100%; border-top:1px solid #6d6d6d;}
.prevNextList:after{content:""; display:block; clear:both;}
.prevNextList *{display:inline; float:left; padding-top:10px; padding-bottom:8px;}
.prevNextList li{width:100%; padding:0 !important; border-bottom:1px solid #cfcfcf;}
.prevNextList span{width:80px; padding-left:45px; background:url(/images/contents/bg_board_prevnextlist.gif) no-repeat 20px 0;}
.prevNextList a{padding-left:20px; background:url(/images/contents/div_prenextlist.gif) no-repeat; text-decoration:none;}
.prevNextList .next span{background-position:20px -31px;}

/* 파일 첨부형 */
.boardPds .textArea{border-bottom-color:#dadada; margin-bottom:0;}
.attach{width:100%; border-bottom:1px solid #f7f7f7;}
.attach:after{content:""; display:block; clear:both;}
.attach dl{width:730px;border-bottom:1px solid #cfcfcf;}
/*.attach dl.fLeft{width:510px;}
.attach dl.fRight{width:220px;}*/
.attach dt, .attach dd{display:inline; float:left;}
.attach dt{float:left; width:70px; padding:11px 10px 9px 45px;}
.attach dd{width:585px;min-height:16px;padding:10px 0 8px 20px; background: url(/images/contents/div_board_qna_winfo.gif) no-repeat 0 100%;}
.attach dd a{display:block; min-width:200px;}
* html .attach dd a{white-space:nowrap;}


/* QnA형 */
.boardQnA .bVTop{width:660px; padding:10px 0 0 70px; background:#f9f9f9 url(/images/contents/bg_board_qna.gif) no-repeat 10px 10px;}
.boardQnA .bVTop dd{width:100%;}
.boardQnA .bVTop dt{width:100%; padding-top:7px; padding-left:0;}
.boardQnA .bVTop dt span{overflow:hidden; display:inline-block; width:0; height:0;}
.boardQnA .bVTop .writerInfo span{padding-bottom:10px;}
.question, .answer{border-top-color:#5e91d9;}
.boardQnA .answer .bVTop{height:35px;padding-top:24px;border-top:0 none;background-position:10px -48px;}
.boardQnA .answer .bVTop span{overflow:hidden; display:inline-block; width:0; height:0;}


/* 게시물 쓰기 폼 */
.boardWWrap{width:100%;}
.boardWWrap .formType .dlTypeTb{}
.boardWWrap .formType .dlTypeTb .wd50 dd{width:220px;}
.boardWWrap .formType .dlTypeTb dd{width:585px;}
.boardWWrap .textarea{width:688px; margin:15px 0 19px 0; min-height:150px;}
* html .boardWWrap .textarea{height:150px;}
.boardWWrap .btnBoard{position:static; padding-top:14px; text-align:center; border-top:1px solid #000;}

/* 상품몰 버튼 */
.btnMallD1, .btnMallD2, .btnMallD3{}
.btnMallD1 *, .btnMallD2 *, .btnMallD3 *{display:inline-block;}
.btnMallD1 a, .btnMallD2 a, .btnMallD3 a,
.btnMallD1 .a, .btnMallD2 .a, .btnMallD3 .a{margin:0 3px; padding-left:20px; background:url(/images/mall_new/bg_btn_mall.gif) no-repeat; text-decoration:none;}
.btnMallD1 a span, .btnMallD2 a span, .btnMallD3 a span,
.btnMallD1 .a span, .btnMallD2 .a span, .btnMallD3 .a span{background:url(/images/mall_new/bg_btn_mall.gif) no-repeat;}
.btnMallD1 a span,
.btnMallD1 .a span{height:22px; padding:10px 20px 0 0;}
.btnMallD1 .btnEmpArr span{padding:10px 30px 0 0; background-position:100% -35px; color:#fff;}
.btnMallD2 a,
.btnMallD2 .a{background-position:0 -130px;}
.btnMallD2 a span,
.btnMallD2 .a span{height:20px; padding:3px 20px 5px 0; background-position:100% -160px;}
.btnMallD2 .btnInt{padding-left:30px; background-position:0 -190px;}
.btnMallD2 .btnEmp{background-position:0 -70px;}
.btnMallD2 .btnEmp span{background-position:100% -100px; color:#fff;}
.btnMallD2 .btnDG{background-position:0 -250px;}
.btnMallD2 .btnDG span{background-position:100% -280px; color:#fff;}
.btnMallD2 .btnLBArr{background-position:0 -310px;}
.btnMallD2 .btnLBArr span{padding-right:30px; background-position:100% -340px; color:#fff;}
.btnMallD2 .btnNArr{background-position:0 -370px;}
.btnMallD2 .btnNArr span{padding-right:30px; background-position:100% -400px; color:#fff;}
.btnMallD3 a,
.btnMallD3 .a{line-height:14px; background-position:0 -480px;}
.btnMallD3 a span,
.btnMallD3 .a span{height:18px; padding:5px 20px 0 0; background-position:100% -505px; line-height:14px;}
.btnMallD3 .btnEmp{background-position:0 -430px;}
.btnMallD3 .btnEmp span{background-position:100% -455px; color:#fff;}
.btnMallD3 .btnEmp_hj{background-position:0 -430px;}
.btnMallD3 .btnEmp_hj span{background-position:100% -455px; color:#fff;}
.btnMallD3 .btnArr{background-position:0 -530px;}
.btnMallD3 .btnArr span{padding-right:20px; background-position:100% -555px;}
.btnMallD3 .btnDG{background-position:0 -730px;}
.btnMallD3 .btnDG span{background-position:100% -755px; color:#fff;}
.btnMallD3 .btnLB{background-position:0 -780px;}
.btnMallD3 .btnLB span{background-position:100% -805px; color:#fff;}
.btnMallD3 .btnDGArr{background-position:0 -580px;}
.btnMallD3 .btnDGArr span{padding-right:20px; background-position:100% -605px; color:#fff;}
.btnMallD3 .btnLBArr{background-position:0 -630px;}
.btnMallD3 .btnLBArr span{padding-right:20px; background-position:100% -655px; color:#fff;}
.btnMallD3 .btnNArr{background-position:0 -680px;}
.btnMallD3 .btnNArr span{padding-right:20px; background-position:100% -705px; color:#fff;}
.btnMallD3 .btnLGArr{background-position:0 -830px;}
.btnMallD3 .btnLGArr span{padding-right:20px; background-position:100% -855px;}

.rPension4{height:537px; background:url(/images/mall_new/bg_rPension4.jpg) no-repeat 0 0;}
.rPension4 h6{font-size:20px; font-weight:bold; color:#1d418e;}
.rPension4 div{padding:70px 0 0 435px;}
.rPension4 p{padding-top:12px; line-height:1.3;}
.rPension4 ul{width:100%; height:185px; position:absolute; bottom:0; left:0;}
.rPension4 ul li{display:block; width:243px; float:left; text-align:center; line-height:1.3; padding-top:24px;}
.rPension4 ul li strong{display:block; font-size:14px; color:#333333;}
.rPension4 ul li strong span{display:block; font-size:34px; font-weight:bold;}
.rPension4 ul li.item1 strong span{color:#1d418e;}  
.rPension4 ul li.item2 strong span{color:/*#00aaed*/#1d418e;}
.rPension4 ul li.item3 strong span{color:/*#019275*/#1d418e;}
.rPension4 ul li ul{width:auto;height:auto;position:static;padding:5px 15px 0 22px;}
.rPension4 ul li li{width:auto;float:none;text-align:left;padding:0 0 0 8px;letter-spacing:-1px;font-size:11px; color:#999999;background:url(/images/mall_new/bul_dot_2x3_00a9ed.gif) no-repeat 0 3px;}
.rPension4 ul li p{letter-spacing:-1px;font-size:11px; color:#999999;}

.itemViewBox{position:relative; width:100%;}
.itemViewBox:after{content:""; display:block; clear:both;}
.itemViewBox .img{float:left; width:220px; height:148px; padding:33px 0 0 53px; background:url(/images/mall_new/bg_itemview.gif) no-repeat;}
.itemViewBox dl{display:inline; float:right; width:395px; padding:33px 20px 0 0;}
.itemViewBox dt, .itemViewBox dd{float:left;}
.itemViewBox dt{width:395px; padding-bottom:20px;}
.itemViewBox .ttl{padding-right:15px; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:24px; line-height:27px; color:#000;}
@media screen and (-webkit-min-device-pixel-ratio:0){.itemViewBox .ttl{font-family:"돋움", Dotum, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px;}}
.itemViewBox .desc{line-height:18px; padding-bottom:20px;}
/* 아이콘스타일 */
.stIcon{display:inline-block; padding-left:5px; margin:4px 2px 0 0; font-size:11px; letter-spacing:-1px; background:url(/images/mall_new/bg_text_icon.gif) no-repeat; line-height:14px;}
.stIcon span{display:inline-block; padding:3px 5px 1px 0; background:url(/images/mall_new/bg_text_icon.gif) no-repeat 100% -108px;}
.iconG{}
.iconG span{color:#cceae2;}
.iconB{background-position:0 -18px;}
.iconB span{color:#cceefa; background-position:100% -126px;}
.iconR{background-position:0 -36px;}
.iconR span{color:#ffdfe2; background-position:100% -144px;}
.iconGy{background-position:0 -54px;}
.iconGy span{background-position:100% -162px;}
.iconN{background-position:0 -72px;}
.iconN span{color:#dfe2eb; background-position:100% -180px;}
.iconDG{background-position:0 -90px;}
.iconDG span{color:#dedede; background-position:100% -198px;}
.iconLG{background-position:0 -216px;}
.iconLG span{color:#dedede; background-position:100% -234px;}

/* 구조적 정의목록(dl) */
.dlTypeStair{position:relative; width:100%; border-top:1px solid #000; border-bottom:1px solid #f7f7f7;}
.dlTypeStair dl{position:relative; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5;}
.dlTypeStair dt{display:block; padding:10px 20px;}
.dlTypeStair dt span, .dlTypeStair dt label, .dlTypeStair dt a{color:#000;}
.dlTypeStair dd{display:block; min-height:22px; padding:10px 20px; background:#fff; line-height:20px; *zoom:1;}
.dlTypeStair dd:after{content:""; display:block; clear:both;}
.dlTypeStair .inputRadio, .dlTypeStair .inputCheck{margin:2px 3px 0 0;*margin-right:0;_margin:0 3px 5px 0;}
.dlTypeStair dd span, .dlTypeStair dd label{padding:0 3px;}
.dlTypeStair label{vertical-align:top;*vertical-align:middle;}
.dlTypeStair.type01 .inputRadio,
.dlTypeStair.type01 .inputCheck{accent-color: #3a75d1}
.dlTypeStair.type01 .col-darkgreen{color:#3a75d1}
.dlTypeStair.type01 li{font-weight: bold;color:#3a75d1;}
.dlTypeStair.type01 dl dd label{font-weight:normal;color:#333;}
.textarea{padding:20px; line-height:18px;border:1px solid #cecece;}
.textarea.type01 .inputCheck{accent-color: #3a75d1;}
.alignLeft{text-align:left !important;}

/* 약관동의 */
.pWrap{height:130px; overflow-y:scroll}
.pWrap pre{line-height:18px;}

.pWrap2{height:200px; overflow-y:scroll}
.pWrap2 pre{line-height:18px;}

.pWrap3{height:100px; overflow-y:scroll}
.pWrap3 pre{line-height:18px;}

.pWrap4{overflow-y:hidden}
.pWrap4 pre{line-height:18px;}

/*.textarea{padding:10px;}
.inputText, .textarea, .inputFile{border:1px solid #d2d2d2;}
.textarea{border:1px solid #dddddd; padding:5px;}*/


.btnIpMs{display:inline-block; margin:0 10px 0 0; padding:0 0 0 10px !important; background:url(/images/mall_new/bg_btn_term.gif) no-repeat 0 0px; line-height:13px; text-decoration:none;}
.btnIpMs span{display:inline-block; height:17px; padding:4px 10px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/bg_btn_term.gif) no-repeat 100% 0; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
.btnIpMsOn{background-position:0 -24px;}
.btnIpMsOn span{background-position:100% -24px; color:#fff;}
.btnIpMsOff{background-position:0 -48px; cursor:default;}
.btnIpMsOff span{background-position:100% -48px; color:#fff; cursor:default;}

.dlTypeTbT2{display:table; width:100%; border-top:1px solid #000; border-bottom:1px solid #f7f7f7;}
.dlTypeTbT2 dl{display:table; width:100%; background:#f7f7f7; vertical-align:middle; border-bottom:1px solid #e6e5e5;}
.dlTypeTbT2 dt{display:table-cell; width:135px; padding:9px 5px 9px 20px; vertical-align:middle; }
.dlTypeTbT2 dt span, .dlTypeTb dt label, .dlTypeTb dt a{color:#000; line-height:14px;}
.dlTypeTbT2 dd{display:table-cell; min-width:165px; padding:6px 20px; background:#fff; line-height:20px; vertical-align:middle;}
* html .dlTypeTbT2 dl{background:url(/images/common/bg_dltypetb.gif) repeat-y;}
*+ html .dlTypeTbT2 dl{background:url(/images/common/bg_dltypetb.gif) repeat-y;}
* html .dlTypeTbT2 .wd50{background:url(/images/common/bg_dltypetb_w50.gif) repeat-y;}
*+ html .dlTypeTbT2 .wd50{background:url(/images/common/bg_dltypetb_w50.gif) repeat-y;}
* html .dlTypeTbT2 dt{display:inline; zoom:1;}
*+ html .dlTypeTbT2 dt{display:inline; zoom:1;}
* html .dlTypeTbT2 dd{position:relative; top:0; bottom:0; display:inline; zoom:1; width:530px; height:100%;}
*+ html .dlTypeTbT2 dd{position:relative; top:0; bottom:0; display:inline; zoom:1; width:530px; height:100%;}
* html .dlTypeTbT2 .wd50 dd{width:165px;}
*+ html .dlTypeTbT2 .wd50 dd{width:165px;}

/* 테이블스타일 정의 목록 dd 사이즈 */
.ddWd570 dd{width:570px;}
.ddWd570 dl.wd50 dd{width:205px;}
.ddWd550 dd{width:550px;}
.ddWd550 dl.wd50 dd{width:185px;}
.ddWd500 dd{width:500px;}
.ddWd500 dl.wd50 dd{width:135px;}
.ddWd480 dd{width:480px !important;}
.ddWd480 dl.wd50 dd{width:115px !important;}
/* EOD : as-is css소스 */

#wrapper{width:100%; min-width:1000px; height:auto !important; height:100%; min-height:100%;  position:relative}
#wrapper .header_new_wrap{width:100%; min-width:1000px; height:auto !important; background:url(/images/mall_new/bg_top.gif)  }
#header .header_new{position:relative; z-index:3; width:980px;  margin:0 auto;}
#header .header_new:after{content:""; display:block; clear:both;}
#container{width:980px;  min-height:600px; margin:0 auto; }
#container:after{content:""; display:block; clear:both;}
#leftArea{position:relative; z-index:3; display:inline; float:left; width:200px; padding-top:46px;}
#contents{display:inline; float:right; width:730px; padding:16px 0 0 0;}
/*#aside{position:absolute; top:0; right:0; z-index:1; height:100%; background:url(/images/biz_new/bg_quick.png) repeat-y 0 0; width:60px; text-align:right}*/
/* 사이드 메뉴 */
#aside{ overflow:visible; position:fixed; left:0; top:0; width:100%; z-index:95}
.aside_dimm {display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background:url(/images/biz_new/common/bg_pop.png) repeat !important;}
.aside_inner {position:absolute; z-index:1000; top:0; right:50px; height:100%;}
.aside{ z-index:1000; width:50px; position:absolute; top:168px; left:0;}
.aside li{ width:50px; height:78px; background:url(/images/mall_new/bg_aside.png) no-repeat 0 0;}
.aside li a{ display:block; width:50px; height:78px; font-size:12px; color:#fff; line-height:16px; text-align:center}	
.aside li.on a, .aside li:hover a{ font-weight:bold; color:#456076}
.aside li a span{ padding-top:34px; display:block}
.aside li.aside_menu01{ background-position:0 0}
.aside li.aside_menu01.on, .aside li.aside_menu01:hover{ background-position:-50px 0}
.aside li.aside_menu02{ background-position:0 -78px;}
.aside li.aside_menu02.on, .aside li.aside_menu02:hover{ background-position:-50px -78px;}
.aside li.aside_menu03{ background-position:0 -156px;}
.aside li.aside_menu03.on,.aside li.aside_menu03:hover{ background-position:-50px -156px;}
.aside li.aside_menu04{ background-position:0 -234px;}
.aside li.aside_menu04.on,.aside li.aside_menu04:hover{ background-position:-50px -234px;}
.aside_area{ position:absolute; left:50px; top:0; height:100%; background:url(/images/mall_new/bg_aside_wrap.png) repeat-y 0 0; width:100%; overflow:hidden; z-index:100}
.quick_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.quick_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px; position:relative}
.quick_service dt .ico_favorite{ width:20px; height:18px; background:url(/images/mall_new/ico_favorite.gif) no-repeat 50% 50%; text-indent:-9999px; position:absolute; left:90px; top:32px}
.quick_service dd .my_menu_list{ overflow:hidden}
.quick_service dd .my_menu_list li{ width:50%; float:left; text-align:center; background:url(/images/mall_new/bg_quick_service.gif) no-repeat 0 0; margin-bottom:20px; position:relative }
.quick_service dd .my_menu_list li a:hover{ text-decoration:underline}
.quick_service dd .my_menu_list li.img01{ background-position:20px 0}
.quick_service dd .my_menu_list li.img02{ background-position:-61px 0}
.quick_service dd .my_menu_list li.img03{ background-position:20px -109px}
.quick_service dd .my_menu_list li.img04{ background-position:-61px -109px}
.quick_service dd .my_menu_list li.img05{ background-position:20px -219px}
.quick_service dd .my_menu_list li.img06{ background-position:-61px -219px}
.quick_service dd .my_menu_list li a{ display:block; line-height:18px; padding-top:54px; color:#333}
.quick_service dd .my_menu_list li a:hover{color:#333}
.btn_aside_close{ background:url(/images/mall_new/btn_aside_close.gif) no-repeat 0 0; width:17px; height:17px; display:block; position:absolute; right:30px; top:42px}
.quick_service dd .btn_quick_service_close{display:block; background:url(/images/mall_new/btn_product_service_del.gif) no-repeat 0 0; width:11px; height:11px;  position:absolute; right:0; top:0; text-indent:-9999px;}
.btn_mymenu_wrap{ height:18px; display:block; margin-bottom:10px;}
.btn_mymenu_wrap .btn_mylogin{ background:url(/images/mall_new/btn_mymenu.gif) no-repeat 0 0; font-size:12px; font-weight:bold; color:#fff; text-align:center; width:52px; display:block; height:18px;; line-height:16px; }
.btn_mymenu_wrap .btn_myreset{background:url(/images/mall_new/btn_mymenu.gif) no-repeat 0 -18px;  font-size:12px; font-weight:bold; color:#fff; text-align:center; width:52px; display:block; height:18px;; line-height:16px;}
.plus_menu{ border-top:1px solid #d4d4d4;}
.plus_menu li{ margin-bottom:15px; position:relative;}
.plus_menu li:first-child{ margin-top:20px;}
.plus_menu li a{ line-height:17px; display:inline-block; width:90%; color:#333}
.plus_menu li a:hover{color:#333; text-decoration:underline}
.plus_menu li span{ display:inline-block; position:absolute; right:0; top:5px; padding-left:10px;}
.plus_menu li span a{ display:block; background:url(/images/mall_new/btn_product_service_del.gif) no-repeat 0 0; width:11px; height:11px;}
	
.inqy_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.inqy_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px}
.product_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.product_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px}
.product_service dd li{ margin-bottom:15px; position:relative}
.product_service dd li a{ line-height:17px; display:inline-block; width:90%}
.product_service dd li a:hover{text-decoration:underline}
.product_service dd li span{ display:inline-block; position:absolute; right:0; top:5px; padding-left:10px;}
.product_service dd li span a{ display:block; background:url(/images/biz_new/menu/btn_product_service_del.gif) no-repeat 0 0; width:11px; height:11px;}

.all_menu_wrap{ width:100%; height:100%; position:relative; /*background:url(/images/biz_new/menu/bg_all.jpg) repeat 0 0*/}
.all_menu{ width:940px; height:750px; position:absolute; left:50%; top:50%; margin-left:-470px; margin-top:-375px; }
.all_menu dt{ position:relative}
.all_menu dt span{ display:inline-block; margin-top:10px;}
.all_menu dt .all_menu_tab{ width:705px; height:45px; position:absolute; left:204px; top:0; overflow:hidden}
.all_menu dt .all_menu_tab li{ height:43px; border-bottom:1px solid #8b8b8b; border-top:1px solid #8b8b8b; border-right:1px solid #8b8b8b; float:left; width:350px}
.all_menu dt .all_menu_tab li.on{border-bottom:1px solid #0060a8; border-top:1px solid #0060a8; border-right:1px solid #0060a8; background:#0060a8; color:#fff}
.all_menu dt .all_menu_tab li:first-child{border-left:1px solid #8b8b8b;}
.all_menu dt .all_menu_tab li.on:first-child{border-left:1px solid #0060a8;}
.all_menu dt .all_menu_tab li.on a{ color:#fff; font-weight:bold}
.all_menu dt .all_menu_tab li a{ display:block; width:100%; height:43px; text-align:center; color:#cccccc; font-size:18px; line-height:40px;}
.all_menu dt .all_menu_tab li a:hover{ text-decoration:none}
.all_menu dd {height:680px; padding-top:40px;}
.all_menu dd div.all_menu_inner {overflow:hidden;}
.all_menu dd .all_menu_lnb{width:209px;}
.all_menu dd li{ border-right:1px solid #5a5e5f; padding-top:25px; width:209px;}
.all_menu dd li:last-child{ padding-bottom:10px;}
.all_menu dd li .inner { position:absolute; left:260px; top:0; width:680px; height:680px; }
.all_menu dd li .inner .inner_scroll{border-right:1px solid #5a5e5f;}
.all_menu dd li:first-child{padding-top:0;}
.all_menu dd li a{ color:#fff; font-size:18px; font-weight:bold; display:inline; position:relative}
.all_menu dd li.on a:after{width:100%; height:1px; background:#88c6fa; position:absolute; top:29px; left:0; content: '';}
.all_menu dd li a:hover{ color:#88c6fa; font-size:20px; text-decoration:none}
.all_menu dd li.on a{ color:#88c6fa; font-size:20px;}
/*.all_menu dd li ul{ position:absolute; left:260px; top:0; height:100% }*/
.all_menu dd li ul li{ border-right:0 none; width:340px;}
.all_menu dd li.on li a{ color:#b0b0b0; font-weight:normal; font-size:20px; line-height:28px;}
.all_menu dd li.on li a:after{ display:none}
.all_menu dd li.on li a:hover{ color:#fff;}
.all_menu dd li ul li.on a{ color:#fff;}
.all_menu dd li ul li.on a:after{ display:none}
.all_menu dd li ul ul{ position:static; margin-top:-28px; margin-left:340px;}
.all_menu dd li ul ul li{ padding-top:4px; width:200px;}
.all_menu dd li ul li li a{ font-size:16px !important; color:#b0b0b0; line-height:22px !important;}
.all_menu dd li ul li.on li a:hover, .all_menu dd li ul li li a:hover{ color:#88c6fa !important}
.all_menu dd li ul li.on li a{ font-size:16px; color:#fff; line-height:22px;}
.all_menu .btn_all_close{ width:24px; height:24px; background:url(/images/biz_new/menu/btn_all_menu.png) no-repeat; display:block; position:absolute; right:-8px; top:10px; text-indent:-9999px;}

.footer_new_wrap{ width:100%; border-top:1px solid #e4e4e4; margin-bottom:20px;  margin-top:40px}
.footer_data_wrap{ width:980px; margin:15px auto 0; position:relative}
.footer_go_area { overflow:hidden}
.footer_go_area li{float: left;margin-right: 24px;position: relative;}
.footer_go_area li a{display: inline-block;color: #666;font-size:12px;}
.footer_go_area li a strong{font-weight: bold;color: #222;}
.footer_go_area li:after {content: "";display: block;position: absolute;width: 1px;height: 10px;background: #d3d3d3;left: -11px;top: 7px;}
.footer_go_area li:first-child:after{ display:none}
.footer_tel{ overflow:hidden; margin-top:13px;}
.footer_tel li{float:left; margin-right:35px; position:relative}
.footer_tel li:after{content:""; display:block;  position:absolute; width:4px; height:4px; background:url(/images/mall_new/bg_foot_dot.gif) no-repeat 0 0; left:-18px; top:10px;}
.footer_new_wrap .copyright{ font-family:Tahoma; color:#666; font-size:13px; letter-spacing:0; margin-top:2px;}
.footer_site{ position:absolute; right:0; top:0; background:url(/images/mall_new/bg_footer.gif) no-repeat 0 0}
.footer_site a{ display:inline-block; width:22px; height:22px; text-indent:-9999px}
.footer_site a.btn_footer_face{}
.footer_site a.btn_footer_blog{}


/**select 는 padding:0 10px 제거 2017-03-18*/
input[type="text"], input[type="password"], input[type="tel"], input[type="number"]{height:30px; border:1px solid #c5c5c5; outline:0 none; background:#fff; padding:0 10px; display:inline-block; vertical-align:middle; color:#333; line-height:20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="text"]:read-only, input[type="password"]:read-only, input[type="tel"]:read-only, input[type="number"]:read-only{background:whitesmoke;}
.contract_term input[type="text"] {padding:0 10px 3px 11px}
/**select 는 padding:0 10px 제거 위해서 따로 정의2017-03-18*/
select {height:30px; border:1px solid #c5c5c5; outline:0 none; background:#fff; display:inline-block; vertical-align:middle; color:#333; line-height:20px; -webkit-box-sizing:border-box; box-sizing:border-box;}

.radio{position:relative; display:inline-block;}
.radio input{position:absolute;  top:0; left:0; width:20px; height:20px; border:0 none; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.radio input + span {display:inline-block; overflow:hidden; width:20px; height:20px; margin:-2px 0 0 0;  cursor:pointer; vertical-align:middle; background:url(/images/mall_new/bg_radio.png) no-repeat 0 0;}
/*.radio input:checked + span {background:url(/images/mall_new/bg_radio.png) no-repeat 0 -25px;}*/
.radio input:hover + span {background:url(/images/mall_new/bg_radio.png) no-repeat 0 -50px;} 
/* ie8 대응 라디오버튼 이미지 스크립트로 대체
.radio input:checked + span {display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_radio.png) no-repeat 0 -25px;}
.radio input[checked=checked] + span {display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_radio.png) no-repeat 0 -25px;}
*/
.radio .checkedBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/mall_new/bg_radio.png) no-repeat 0 -25px;}
.radio .checkedFocusBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/mall_new/bg_radio.png) no-repeat 0 -100px;}
.radio .unCheckedFocusBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/mall_new/bg_radio.png) no-repeat 0 -75px;}

.check{ position:relative; display:inline-block}
.check label{ vertical-align:top;}
.check input{position:absolute;  top:0; left:0; width:20px; height:20px; border:0 none; opacity:0; filter:alpha(opacity='0'); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}


.check input + span {display:inline-block; overflow:hidden; width:20px; height:20px; margin:-2px 0 0 0;  cursor:pointer; vertical-align:middle; background:url(/images/mall_new/bg_check.png) no-repeat 0 0;}
/* ie8 대응 체크박스 이미지 스크립트로 대체
.check input:checked + span {display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_check.png) no-repeat 0 -25px;}
.check input[checked=checked] + span {display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_check.png) no-repeat 0 -25px;}
*/
.check .checkedBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_check.png) no-repeat 0 -25px;}
.check .checkedFocusBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_check.png) no-repeat 0 -100px;}
.check .unCheckedFocusBg{display:inline-block; overflow:hidden; width:20px; height:20px;  margin:-2px 0 0 0; cursor:pointer; background:url(/images/biz_new/common/bg_check.png) no-repeat 0 -75px;}

.blind, legend{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
.displayN {overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}



/*GNB 영역*/
#header{ width:100%; margin:0 auto}
#header .utill_wrap{ width:100%; margin:0 auto; overflow:hidden}
#header .utill_wrap .utill_area{ width:980px; margin:10px auto 0; overflow:hidden; position:relative; }
#header .utill_wrap .utill_area .logo{ display:inline-block}
#header .utill_wrap .utill_area .login_info{ display:inline-block; margin-left:5px;}
#header .utill_wrap .utill_area .login_info span{ display:inline-block}
#header .utill_wrap .utill_area .login_info span.m_name{ color:#333; font-size:13px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline}
#header .utill_wrap .utill_area .login_info span.m_time{ background:url(/images/mall_new/menu/ico_time.gif) no-repeat 0 6px; padding-left:17px; font-size:13px; margin:0 1px 0 6px } 

#header .utill_wrap .utill_area .cert_btn a.btn_cert_center{ margin-left:-5px}
#header .utill_wrap .utill_area .product_area{ display:block; position:relative}
#header .utill_wrap .utill_area .product_area h2{ padding-left:30px; vertical-align:bottom; display:inline-block; padding-top:6px;}
#header .utill_wrap .utill_area .product_area .cert_btn{ display:inline-block; overflow:hidden; position:absolute; top:6px; left:132px;}
#header .utill_wrap .utill_area .product_area .cert_btn.logout{ left:129px;}

.utill_sub_area{ position:absolute; top:1px; right:0;  overflow:hidden}
.utill_sub_area ul{ display:inline-block; margin-top:-1px;  float:left}
.utill_sub_area li{ float:left; padding-right:16px; position:relative; list-style:none}
.utill_sub_area li:after{width:1px; height:10px; background:#b8b8b8; position:absolute; top:8px; right:7px; content: '';}
.utill_sub_area li.dokdo{background:url(/images/biz_new/menu/ico_dokdo.gif) no-repeat 0 7px; padding:0 0 0 22px}
.utill_sub_area li.dokdo:after{ display:none}
.utill_sub_area li a{ font-size:12px; color:#000;}
.utill_sub_area li a:hover{ font-weight:bold}

.top_search_area{float:right; display:inline-block; background:url(/images/mall_new/menu/bg_search_input.gif) no-repeat 0 0; width:140px; height:24px; position:relative; margin-left:10px;}
.top_search_area [type='text']{ border:0 none; height:20px; width:100px; position:absolute; left:10px; top:2px;}
.top_search_area .btn_search{ position:absolute; right:9px; top:4px;  width:14px; height:14px; background:url(/images/mall_new/menu/btn_search.gif) no-repeat 0 0; border:0 none; cursor:pointer; text-indent:-9999px; }

.main_menu_area{ float:right; margin-top:-19px;}
.main_menu_area li{ float:left; display:inline-block; margin-right:26px;}
.main_menu_area li:last-child{ margin-right:0}
.main_menu_area li a{ font-size:15px; color:#333; display:inline-block; position:relative; vertical-align:bottom; font-weight:bold }
.main_menu_area li a:hover{ font-weight:bold; color:#4971b7}
.main_menu_area li a.selected:after{width:100%; height:3px; background:#4971b7; position:absolute; top:-2px; left:0; content: '';}

.gnb_wrap{ width:100%; background:#017896; height:45px; margin-top:16px; }
.gnb_area{width:980px; margin:0 auto; position:relative;  z-index:11}
.bg_sub_wrap{ width:196px;  position:absolute; top:45px; background:url(/images/mall_new/menu/bg_sub_menu.png) repeat-y 0 100%;  min-height:100px;}
.product .gnb_area li{ float:left; margin:0 7px; position:relative}

.product .gnb_area li.menu01 .bg_sub_wrap{ left:-50px;}
.product .gnb_area li.menu02 .bg_sub_wrap{ left:-64px;}
.product .gnb_area li.menu03 .bg_sub_wrap{ left:-64px;}
.product .gnb_area li.menu04 .bg_sub_wrap{ left:-36px;}
.product .gnb_area li.menu05 .bg_sub_wrap{ left:-54px;} /* 2017.04.19 재수정 */
.product .gnb_area li.menu06 .bg_sub_wrap{ left:-50px;}
.product .gnb_area li.menu07 .bg_sub_wrap{ left:-62px;} /* 2017.04.19 재수정 */
.product .gnb_area li.menu08 .bg_sub_wrap{ left:-64px;}
.product .gnb_area li.menu09 .bg_sub_wrap{ left:-64px;}
.product .gnb_area li.menu10 .bg_sub_wrap{ left:-47px;}

.product .gnb_area li:first-child{ margin-left:5px;}
.product .gnb_area li li:first-child, .product .gnb_area li li li:first-child{ margin-left:0;}
.product .gnb_area li a{ font-size:15px; font-weight:bold; color:#fff; padding:0 18px; line-height:45px; display:inline-block;  position:relative}
.product .gnb_area li a:hover, .product .gnb_area li a.selected{ background:#005663; }
.product .gnb_area li.on a{ background:#005663; }
.product .gnb_area li.on a:after{ background:url(/images/mall_new/menu/bg_gnb_arrow.png) no-repeat 0 0; width:12px; height:6px; position:absolute; bottom:-5px; left:50%; margin-left:-6px; content: '';  z-index:1000}
.product .gnb_area li a:hover:after{ background:url(/images/mall_new/menu/bg_gnb_arrow.png) no-repeat 0 0; width:12px; height:6px; position:absolute; bottom:-5px; left:50%; margin-left:-6px; content: '';  z-index:1000}
.product .gnb_area li:before{content: ''; clear:both}
.product .gnb_area li ul{ overflow:hidden; padding-top:20px; padding-bottom:30px}
.product .gnb_area li ul ul,.product .gnb_area li ul ul ul{ padding-top:0; padding-bottom:0}
.product .gnb_area li ul ul li a {margin-right:20px; padding-left:10px}
.product .gnb_area li ul ul ul{padding-bottom:20px}
.product .gnb_area li li{ width:176px; padding-left:20px; margin-left:0; margin-right:0; float:none}
.product .gnb_area li li a{ color:#333; font-size:14px; font-weight:bold; margin-bottom:5px; padding:0; line-height:22px; background:none !important}
.product .gnb_area li li a:hover{color:#1c9fc0; background:none}
.product .gnb_area li li a:hover:after{ display:none}
.product .gnb_area li li li{ position:static; padding-left:0; margin-bottom:5px; margin-left:0; margin-right:0}
.product .gnb_area li li li a{ font-size:13px; color:#333; margin-bottom:0; font-weight:normal;  position:relative;}
.product .gnb_area li li li a:hover{ color:#016c87; font-weight:bold; }
.product .gnb_area li li li a:hover:after{width:100%; height:1px; background:#016c87; position:absolute; bottom:1px; left:0; content: '';}

.btn_plus_time{display:inline-block; padding:0 0 0 8px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 0; line-height:16px; text-decoration:none !important;}
.btn_plus_time span{display:inline-block; height:18px; padding:0 9px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% 0; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#3764b3; letter-spacing:-1px; font-weight:bold}
.product_area .btn_login{display:inline-block; padding:0 0 0 10px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -23px; line-height:23px; text-decoration:none !important;}
.product_area .btn_login span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -23px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.product_area .btn_login:hover{display:inline-block; padding:0 0 0 10px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -77px; line-height:23px; text-decoration:none !important;}
.product_area .btn_login:hover span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -77px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.product_area .btn_logout{display:inline-block; padding:0 0 0 10px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -104px; line-height:23px; text-decoration:none !important;}
.product_area .btn_logout span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -104px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.product_area .btn_logout:hover{display:inline-block; padding:0 0 0 10px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -131px; line-height:23px; text-decoration:none !important;}
.product_area .btn_logout:hover span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -131px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.product_area .btn_cert_center{display:inline-block; padding:0 0 0 12px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -50px; line-height:23px; text-decoration:none !important;}
.product_area .btn_cert_center span{display:inline-block; height:25px; padding:0 13px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -50px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px; font-weight:bold}
.product_area .btn_cert_center:hover{display:inline-block; padding:0 0 0 12px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -50px; line-height:23px; text-decoration:none !important;}
.product_area .btn_cert_center:hover span{display:inline-block; height:25px; padding:0 13px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -50px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#788998; letter-spacing:-1px; font-weight:bold}
.product_area .btn_cert_center.myinfo:hover span{ color:#666 !important;}
.page_location_wrap .btn_top_faq{display:inline-block; padding:0 0 0 25px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -158px; line-height:22px; text-decoration:none !important;}
.page_location_wrap .btn_top_faq span{display:inline-block; height:24px; padding:0 8px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -158px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#575757; letter-spacing:-1px; font-weight:bold}
.page_location_wrap .btn_top_print{display:inline-block; padding:0 0 0 25px !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 0 -187px; line-height:22px; text-decoration:none !important;}
.page_location_wrap .btn_top_print span{display:inline-block; height:24px; padding:0 8px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/menu/btn_menu.png) no-repeat 100% -187px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#575757; letter-spacing:-1px; font-weight:bold}

.page_location_wrap{ width:100%; height:40px; border-bottom:1px solid #eaeaea}
.page_location_area{width:980px; margin:0 auto; position:relative}
.page_location_area ul{margin-left:20px;}
.page_location_area ul li{ display:inline-block;  }
.page_location_area ul li a{ display:block; line-height:40px; color:#333; font-size:14px; padding-right:30px; position:relative}
.page_location_area ul li a:after{width:4px; height:7px; background:url(/images/mall_new/menu/ico_location_arrow.gif) no-repeat 0 0;  position:absolute; top:17px; right:10px; content: '';}
.page_location_area ul li a.home{ background:url(/images/mall_new/menu/ico_location.gif) no-repeat 50% 50%; width:15px; height:13px; padding-right:9px; vertical-align:bottom}
.page_location_area ul li a.home:after, .page_location_area ul li.last a:after{ display:none}
.page_location_area ul li.last{ color:#333; font-weight:bold}
.page_location_area .top_btn_area{ position:absolute; right:25px; top:7px;}
.page_location_area .top_btn_area a:first-child{ margin-right:1px}

/*LNB 영역*/
.left_wrap{ width:200px;}
.left_wrap h3{ color:#333; font-size:26px; font-weight:bold; padding-bottom:25px;}
.left_wrap .sub_left_menu{ border-top:3px solid #017896;}
.left_wrap .sub_left_menu li{ border-bottom:1px solid #d4dde3}
.left_wrap .sub_left_menu li li{ border-bottom:0 none}
.left_wrap .sub_left_menu li a{ display:block; padding:10px 22px 12px 9px;  font-size:15px; font-weight:bold; color:#333; position:relative}
.left_wrap .sub_left_menu li a.selected{ color:#006983}
.left_wrap .sub_left_menu li a:after{width:12px; height:7px; background:url(/images/biz_new/menu/ico_lnb_down.gif) no-repeat; position:absolute; top:18px; right:7px; content: '';}
.left_wrap .sub_left_menu li a.selected:after{width:12px; height:7px; background:url(/images/biz_new/menu/ico_lnb_up.gif) no-repeat 0 0; position:absolute; top:18px; right:7px; content: '';}
.left_wrap .sub_left_menu li.none a:after{ display:none}
.left_wrap .sub_left_menu div{ background:#f5fcfd; border:1px solid #4485a0; position:relative}
.left_wrap .sub_left_menu div:before{width:10px; height:6px; background:url(/images/mall_new/menu/ico_left_top_arrow.gif) no-repeat; position:absolute; top:-6px; left:9px; content: '';}
.left_wrap .sub_left_menu div ul{ padding:4px 14px 4px 14px;}
.left_wrap .sub_left_menu li li{ padding:5px 10px 5px 0; position:relative}
.left_wrap .sub_left_menu li li a{ display:inline; padding-left:0; font-size:14px; font-weight:normal; color:#333; padding-right:0 }
.left_wrap .sub_left_menu li li a:hover,.left_wrap .sub_left_menu li li a.selected{ color:#006983; font-weight:bold;  text-decoration:underline !important}
/*.left_wrap .sub_left_menu li li a:hover:before,.left_wrap .sub_left_menu li li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:10px; left:0; content: '';}*/
.left_wrap .sub_left_menu li li:after{width:8px; height:8px; background:url(/images/biz_new/menu/ico_lnb_plus.png) no-repeat 0 0; position:absolute; top:12px; right:0; content: '';}
.left_wrap .sub_left_menu li li.none:after{ display:none}
.left_wrap .sub_left_menu li li.none{ padding-right:0 !important}
.left_wrap .sub_left_menu li li a:after{ display:none}
.left_wrap .sub_left_menu li li.selected a{ color:#006983; font-weight:bold}
.left_wrap .sub_left_menu li li.selected:after{width:8px; height:8px; background:url(/images/biz_new/menu/ico_lnb_minus.png) no-repeat 0 0; position:absolute; top:12px; right:0; content: '';}
.left_wrap .sub_left_menu div ul ul{ background:#fff; padding:0 0 5px 0; margin:5px -23px 0 -14px; border-top: 1px solid #dff1f9; border-bottom: 1px solid #dff1f9}
.left_wrap .sub_left_menu div ul ul li a{ font-size:13px; color:#666 !important; font-weight:normal !important; margin-left:20px; position:relative;  display:inline-block; padding-top:0; padding-bottom:0  }
.left_wrap .sub_left_menu div ul ul li a.selected,.left_wrap .sub_left_menu div ul ul li a:hover{ color:#006983 !important; font-weight:bold !important }
/*.left_wrap .sub_left_menu div ul ul li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:10px; left:0; content: '';}*/
.left_wrap .sub_left_menu div ul ul li:after{ display:none}
/*.left_wrap .sub_left_menu div ul ul li a:hover:before,.left_wrap .sub_left_menu div ul ul li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:0px; left:0; content: '';}*/

.mall_banner_zone{ margin-top:20px;}
.mall_banner_zone .banner{ width:200px; border-top:1px solid #ddd}
.mall_banner_zone .banner li {  border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:40px;}
.mall_banner_zone .banner li.img01{ background:url(/images/mall_new/ico_banner.gif) no-repeat 12px 16px}
.mall_banner_zone .banner li.img02{ background:url(/images/mall_new/ico_banner.gif) no-repeat 12px -36px}
.mall_banner_zone .banner li a{ display:block; width:100%; line-height:38px; text-indent:33px; height:40px; background:url(/images/mall_new/ico_banner_arrow.gif) no-repeat 95% 50%}
.mall_banner_zone .banner li a em { position:relative; color:#333 !important;}
.mall_banner_zone .banner li a:hover em:after{ position:absolute; bottom:-2px; left:0; content: ''; height:1px; width:100%; background:#333}
.mall_banner_zone .customer_center li {overflow:hidden; margin-top:11px; }
.mall_banner_zone .customer_center li.first {margin-top:0}
.mall_banner_zone .customer_center li li{ border:0 none}
.mall_banner_zone .customer_center{width:198px; border:1px solid #ddd; margin-top:10px;}
.mall_banner_zone .customer_center dl{ padding:10px 10px 19px 10px;}
.mall_banner_zone .customer_center dl dt{ font-size:15px; font-weight:bold; margin-bottom:12px;}
.mall_banner_zone .customer_center dl dd{ color:#225287; font-size:20px;}
.mall_banner_zone .customer_center dl dd span { margin-right:5px; float:left; width:50px; /* display:block; */ font-size:13px; color:#666; margin-top:3px;}
.mall_banner_zone .customer_center dl dd li em {display:inline-block; float:left; padding-top:3px; color:#225287 !important; font-size:18px; font-family:Tahoma}
.mall_banner_zone .customer_center dl dd.case01 span{display:block; float:none; width:100%}
.mall_banner_zone .boan_ing{ background:#fbfbfb; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.mall_banner_zone .boan_ing p{  text-align:center; vertical-align:top; font-size:13px; height:38px; line-height:36px}
.mall_banner_zone .boan_ing p span{background:url(/images/mall_new/ico_boan.png) no-repeat 0 0; display:inline-block; width:16px; height:20px; margin-right:7px; vertical-align:-6px}



/*컨텐츠 타이틀영역*/
.pageInfo {position:relative; width:100%;  margin-bottom:28px; }
.pageInfo .innerWrap {display:none }
.pageInfo .titleBar {padding-top: 18px;}
.pageInfo .title { font-size:26px; line-height:30px;  color: #333;}
/*.subTitle{position:relative; width:100%;  font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:12px; margin-top:40px;}*/
.subTitle{position:relative; width:100%;  font-size:15px; font-weight:bold; color:#1d5361; letter-spacing:-1px; margin-bottom:12px; margin-top:40px;}
.subTitle.first{ margin-top:0}
.subTitle.fl {float:left;}
.txt_title {position:relative; width:100%; font-size:15px; font-weight:bold; color:#017896; letter-spacing:-1px; margin:25px 0 30px;}/* 샬롬적금에서 등장한 제목 타이틀 */
.txt_title:before {display:inline-block; content:""; width:9px; height:9px; padding-right:6px; background:url(/images/mall_new/ico_txt_title.png) no-repeat;}
.txt_title.first {margin-top:0;}
.title_stop {padding-left:8px; font-size:12px; font-weight:normal; color:#e11922;} /* h3 > title 안의 작은 텍스트 (예 - title어촌사랑카드 title_stop(발급중단일 2013년 5월10일)) */

/*탭메뉴정의*/ 
.recom_tab {width:100%; overflow:hidden; margin-bottom:15px; margin-top:-5px;}
.recom_tab ul {overflow:hidden;}
.recom_tab ul li {display:inline-block; width:181px; height:38px; float:left; border:1px solid #ccc; border-right:0 none;}
.recom_tab ul li a { height:100%; text-align:center; display:block; font-size:15px; color:#555; font-weight:bold; line-height:35px;  background:url(/images/mall_new/bg_recom_tab04.png) repeat 0 0;}
.recom_tab ul li.on {border:1px solid #017896; border-right:0 none;}
.recom_tab ul li.on a {background:#017896; color:#fff;}
.recom_tab ul li.on a:before {width:11px; height:6px; display:inline-block; content:''; background:url(/images/mall_new/ico_recom_tab.png) no-repeat 0 0; margin-left:-16px; padding-right:8px; vertical-align:middle;}
.recom_tab ul li.last {width:182px; border-right:1px solid #ccc;}
.recom_tab ul li.last.on {border-right:1px solid #017896;}
.recom_tab.type01 ul li {width:363px; float:left;}
.recom_tab.type01 ul li.last {width:364px; border-right:1px solid #ccc;}
.recom_tab.type01 ul li.last.on {border-right:1px solid #017896;}

.recom_box{ background:url(/images/mall_new/bg_recom_box.gif) no-repeat; width:730px; height:134px;}
.recom_box ul{ padding:14px 0px 14px 17px;}
.recom_box ul li{ display:inline-block; margin-right:8px; width:109px; height:113px;  background:url(/images/mall_new/bg_recom_tab.png) no-repeat -142px 0; text-align:center; float:left;}
.recom_box ul li.last {margin-right:0px;}
.recom_box ul li.on,.recom_box ul li:hover{ background-position:0 0}
.recom_box ul li:last-child{ margin-right:0}
.recom_box ul li a{ display:block; width:100%; height:113px; font-size:13px; font-weight:bold; line-height:17px;}
.recom_box ul li a:hover, .recom_box ul li.on a{ color:#2d7d97; font-weight:bold}
.recom_box ul li a span{ display:block; padding-top:75px;}
.recom_box.type01 ul li {width:92px; background:url(/images/mall_new/bg_recom_tab03.png) no-repeat -142px 0;margin-right:9px;}
.recom_box.type01 ul li.on,.recom_box.type01 ul li:hover{ background-position:0 0}
.recom_box.type02 ul li {width:81px; background:url(/images/mall_new/bg_recom_tab02.png) no-repeat -142px 0; vertical-align:top; margin-right:7px;}
.recom_box.type02 ul li a span { padding-top:67px;}
.recom_box.type02 ul li.on,.recom_box.type02 ul li:hover{ background-position:0 0}
.recom_box.type03 ul{ display:table; margin-left:auto; margin-right:auto }
.recom_box.type04 ul{ display:table; margin-left:auto; margin-right:auto }
.recom_box.type04 ul li{ width:133px; background:url(/images/mall_new/bg_recom_tab05.png) no-repeat -142px 0; margin-right:8px;}
.recom_box.type04 ul li.on,.recom_box.type04 ul li:hover{ background-position:0 0}
.recom_box ul li a.img01{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% 11px }/*목적별_목돈마련*/
.recom_box ul li a.img02{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -101px }/*목적별_재테크*/
.recom_box ul li a.img03{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -213px }/*목적별_주택마련*/
.recom_box ul li a.img04{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -325px }/*목적별_단기자금*/
.recom_box ul li a.img05{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -431px }/*목적별_세테크*/
.recom_box ul li a.img17{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -550px }/*목적별_공익상품*/
.recom_box ul li a.img18{ background:url(/images/mall_new/ico_recom.png) no-repeat 50% -655px }/*목적별_여유자금*/
.recom_box ul li a.img06{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% 11px }/*생애주기별_유아청소년기*/
.recom_box ul li a.img07{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% -101px }/*생애주기별_사회진출기*/
.recom_box ul li a.img08{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% -213px }/*생애주기별_가정형성기*/
.recom_box ul li a.img09{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% -325px }/*생애주기별_재산형성기*/
.recom_box ul li a.img10{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% -431px }/*생애주기별_은퇴(준비)기*/
.recom_box ul li a.img21{ background:url(/images/mall_new/ico_recom02.png) no-repeat 50% -545px }/*생애주기별_대학생청년기*/
.recom_box ul li a.img11{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% 16px }/*고객별_직장인*/
.recom_box ul li a.img12{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -97px }/*고객별_대학생*/
.recom_box ul li a.img13{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -215px }/*고객별_여성*/
.recom_box ul li a.img14{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -325px }/*고객별_사업자*/
.recom_box ul li a.img15{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -431px }/*고객별_군인*/
.recom_box ul li a.img16{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -546px }/*고객별_농어업인*/
.recom_box ul li a.img19{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -662px }/*고객별_미취학/초중고*/
.recom_box ul li a.img20{ background:url(/images/mall_new/ico_recom03.png) no-repeat 50% -772px }/*고객별_수급자 등*/
.recom_box ul li a.img21{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% 20px }/*목적별_대출_생활안정*/
.recom_box ul li a.img22{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -100px }/*목적별_대출_사업자금*/
.recom_box ul li a.img23{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -324px }/*목적별_대출_전세자금*/
.recom_box ul li a.img25{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -423px }/*목적별_대출_창업자금*/
.recom_box ul li a.img26{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -544px }/*목적별_카드_할인형*/
.recom_box ul li a.img27{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -895px }/*목적별_해양수산금융_수산업관련*/
.recom_box ul li a.img28{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -1006px }/*목적별_해양수산금융_해양관련*/
.recom_box ul li a.img29{ background:url(/images/mall_new/ico_recom05.png) no-repeat 50% -1120px }/*목적별_해양수산금융_기타일반*/

/* 탭메뉴  */
.tMenu{ border-top:1px solid #ccc; border-right:1px solid #ccc}
.tMenu:first-child{border-left:1px solid #ccc}
.tMenu a{display:block;  text-align:center; background:#ffffff; color:#222; letter-spacing:-1px; text-decoration:none; font-size:15px; height:40px; line-height:40px;}
/*.tMenu a.toDayRateView{display:none}*/

.tabStyle .selected{border-top:1px solid #017896; border-left:1px solid #017896; border-right:1px solid #017896; position:relative}
.tabStyle .selected:after{ height:3px; width:100%; background:#fff; position:absolute; /*bottom:-1px;*/ left:0; content:""; display:block;}
.tabStyle .selected a{height:40px;  padding-bottom:0; border-color:#005fa1; background:#fff; color:#017896; font-weight:bold}
.tabStyle .selected2 a{height:36px;}
/* 링크(ul) 글자수대로 늘어남 */
.tabWrap{position:relative;width:100%;}
.tabWrap:after{content:""; display:block; clear:both;}
.tabWrap > ul {/*margin-top:40px;*/}
ul.tabStyle{float:left; width:100%; border-bottom:1px solid #017896;}
.tabStyle > .tabStyle {border-bottom:0px}
ul.tabStyle .tMenu{float:left;}
ul.tabStyle .tMenu a{padding-left:20px; padding-right:20px;}
ul.tabStyle .tMenu2 a{line-height:30px;}
ul.tabStyle.fund .tMenu a{padding:0 17.5px;}

.aside_area ul.tabStyle .tMenu a{padding-left:6px; padding-right:6px;}

.tabStyle .tabStyle_sub {width:730px; overflow:hidden; border-bottom:1px solid #ccc; position:absolute; top:41px; left:-210px;}
.tabStyle .tabStyle_sub li {float:left; display:inline-block;}
.tabStyle .tabStyle_sub li a {padding:13px 0 17px; color:#666; height:auto; line-height:20px; font-size:14px; font-weight:normal;}
.tabStyle .tabStyle_sub li.on a {color:#017896; font-weight:bold;}
.tabStyle .tabStyle_sub li a span {width:3px; height:5px; display:inline-block; background:url(/images/mall_new/ico_tabstyle_sub01.png) no-repeat 50% 50%; margin-right:6px; margin-bottom:2px;}
.tabStyle .tabStyle_sub li.on a span {width:3px; height:5px; display:inline-block; background:url(/images/mall_new/ico_tabstyle_sub02.png) no-repeat 50% 50%; margin-right:6px; margin-bottom:2px;}
.tabStyle .tabStyle_sub li a:after {width:1px; height:12px; display:inline-block; background:#e0e0e0; content:''; margin:0 10px;}
.tabStyle .tabStyle_sub li.last a:after {display:none;}
.tabWrap .tabStyle.type01 {margin-bottom:50px;}
	

/*박스정의*/
.search_box_wrap{}
.search_box{ background:url(/images/mall_new/search_box.png) no-repeat 0 0; text-align:center; width:100%; min-height:72px; overflow:hidden }
.search_box div{ padding:18px 0}
.search_box div input{ height:32px; width:270px; padding:0 5px; vertical-align:top; border:1px solid #c5c5c5}
.search_box div .btn_search{ background:url(/images/mall_new/btn_search.gif) no-repeat 0 0; width:65px; height:32px; border:0 none; color:#fff; text-indent:8px; letter-spacing:-2px; font-size:13px; font-weight:bold;  vertical-align:top; margin-left:2px;}

.search_detail_area{ overflow:hidden; position:relative; text-align:center; width:730px; /*border:1px solid #d7e1e3; */}

/**text-align:left > center 로 변경(2017-01-20 정기수)*/
.search_detail_area .search_detail{ text-align:center; margin-top:-20px; background:url(/images/mall_new/bg_detail02.gif) 0px 100% no-repeat;  padding:40px 18px 20px 15px;  }

/**display:inline-block, text-align:left 추가(2017-01-20 정기수)*/
.search_detail_area .search_detail ul{ width:100%; 
	
	overflow:hidden;
	display:inline-block; 
	text-align:left
}
.search_detail_area .search_detail ul li{overflow:hidden;}

.search_detail_area .search_detail ul.case01 li{ width:98.3%}
.search_detail_area .search_detail ul.case01 li dl {padding-left:0}
	/* 2017.03.06 수정 */
.search_detail_area .search_detail ul.case01 li span.check {display:inline-block; padding-left:10px}
.search_detail_area .search_detail ul.case01.list01 span.check {width:100%;}
.search_detail_area .search_detail ul.case01.list02 span.check {width:48.2%;}
.search_detail_area .search_detail ul.case01.list03 span.check {width:31.4%;}
.search_detail_area .search_detail ul.case01.list04 span.check {width:23%;}
.search_detail_area .search_detail ul.case01 li dd, .search_detail_area .search_detail ul.case02 li dd{ overflow:hidden;}
.search_detail_area .search_detail ul.case02 li{ width:48.5%}
.search_detail_area .search_detail ul.case02 li dl {padding-left:0}
.search_detail_area .search_detail ul.case02 li span.check{display:inline-block; width:46.3%; padding-left:10px} /* 2017.03.06 수정 */
.search_detail_area .search_detail ul.case03 li{ width:31.9%}
.search_detail_area .search_detail ul.case04 li { width:23.6%}

/**search_detail ul li min-height:200px 삭제함(2017-01-20 정기수)*/
.search_detail_area .search_detail ul li{width:130px;  background:#fbfbfb; border:1px solid #e9e9e9; float:left; margin-right:7px;}

.search_detail_area .search_detail ul li:last-child{ margin-right:0}
.search_detail_area .search_detail ul li dl{ padding:20px 10px}
.search_detail_area .search_detail ul li dt{ overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
.search_detail_area .search_detail ul li dd span.check{ display:block; line-height:29px}
.search_detail_area .search_detail ul li dd label{ font-size:12px; color:#555}
.search_btn { text-align:center}
.search_btn .btn_detail_search{ background:url(/images/mall_new/btn_detail_search.gif) no-repeat 0 0; width:132px; height:24px; border:0 none; color:#124a58; font-size:12px;}
.search_btn .btn_detail_search em{ background:url(/images/mall_new/ico_detail_search.png) no-repeat 0 0; width:5px; height:3px; display:inline-block; vertical-align:top; margin-left:5px; vertical-align:middle;}
.search_btn .btn_detail_search.on em{ background:url(/images/mall_new/ico_detail_search.png) no-repeat 0 -11px; width:5px; height:3px; display:inline-block; vertical-align:top; margin-left:5px; vertical-align:middle;}

.area_type01 {position:relative; margin-top:15px; padding:10px 10px 10px 40px; border:1px solid #dcdcdc; color:#333; background-color:#f6fbfc;}
.area_type01 .rect {position:absolute; z-index:10; width:6px; height:6px;}
.area_type01 .rect01 {top:-1px; left:-1px; background:url(/images/mall_new/round_rect.gif) no-repeat 0 0;}
.area_type01 .rect02 {top:-1px; right:-1px; background:url(/images/mall_new/round_rect.gif) no-repeat -6px 0;}
.area_type01 .rect03 {bottom:-1px; left:-1px; background:url(/images/mall_new/round_rect.gif) no-repeat 0 -6px;}
.area_type01 .rect04 {bottom:-1px; right:-1px; background:url(/images/mall_new/round_rect.gif) no-repeat -6px -6px;}

.area_top {position:relative; margin-top:23px; border:2px solid #98c6d5; border-left:0; border-right:0;}
/* .area_top.type01 .inner_wrap {min-height:172px} */
.area_top .inner_wrap {display:block; position:relative; padding:25px 0 19px 19px;}
.area_top .inner_wrap.card_w{ min-height:180px;}
.area_top h3 {padding-top:0; width:430px;}
.area_top h3 span {display:inline-block; *display:inline; zoom:1; }
.area_top h3 span.title {margin-right:10px; color:#333; font-size:23px; font-weight:bold; letter-spacing:-2px; vertical-align:middle; line-height:28px;} 
.area_top h3 button {display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:3px 2px 0 0; border:0; cursor:pointer; vertical-align:middle; background:url(/images/mall_new/sprite_mall_new.png) no-repeat 0 0;}
.area_top h3 button.sns_facebook {background-position:0 0;}
.area_top h3 button.sns_kakaostory {background-position:-23px 0;}
.area_top .txt {display:block; width:430px; min-height:38px; height:auto; margin-top:18px; color:#666; font-size:15px; letter-spacing:-1.3px; line-height:22px}
.area_top .txt .txt_red {font-size:14px; color:#e11922; font-weight:normal; margin-bottom:2px; display:inline-block;}
/* .area_top ul {overflow:hidden; padding:30px 0 25px;} */
/* .area_top ul li {letter-spacing:-2px; float:left; margin-left:15px; width:48px; min-height:55px; text-align:center; font-size:12px; line-height:15px; color:#666; display:inline-block;} */
/* .area_top ul li span{ display:block; padding-top:38px;} */
.area_top ul li.list01 {background:url(/images/mall_new/ico_is01.gif) no-repeat 50% 0} /* 개인/기업 */
.area_top ul li.list02 {background:url(/images/mall_new/ico_is02.gif) no-repeat 50% 0} /* 인터넷가입 */
.area_top ul li.list03 {background:url(/images/mall_new/ico_is03.gif) no-repeat 50% 0} /* 예금자보호 */
.area_top ul li.list04 {background:url(/images/mall_new/ico_is04.gif) no-repeat 50% 0} /* 주택마련 */
.area_top ul li.list05 {background:url(/images/mall_new/ico_is05.gif) no-repeat 50% 0} /* 지점가입 */
.area_top ul li.list06 {background:url(/images/mall_new/ico_is06.gif) no-repeat 50% 0} /* 개인 */
.area_top ul li.list07 {background:url(/images/mall_new/ico_is07.gif) no-repeat 50% 0} /* 개인사업자 */
.area_top ul li.list08 {background:url(/images/mall_new/ico_is08.gif) no-repeat 50% 0} /* 공공 */
/* 2017.04.11 추가 */
/*.area_top ul {overflow:hidden; display:block; position:absolute; bottom:25px; margin:0 0 0 -2px;} */
.area_top ul {overflow:hidden; display:block; margin:0 0 0 -2px; padding:27px 0 0;}
.area_top ul li {display:inline-block; float:left; width:52px; min-height:56px; margin:0 12px 0 0; padding:0; font-size:12px; text-align:center; line-height:16px; letter-spacing:-1px; color:#666} 
.area_top ul li span {display:block; /* min-height:25px; */ padding-top:41px} 
	/* 목적별 */
.area_top ul li.pur_ico01 {margin-top:-5px; background:url(/images/mall_new/ico_list01.gif) no-repeat 50% 0} /* 목돈마련 */
.area_top ul li.pur_ico01 span {padding-top:46px}
.area_top ul li.pur_ico02 {background:url(/images/mall_new/ico_list02.gif) no-repeat 50% 0} /* 재테크 */
.area_top ul li.pur_ico03 {background:url(/images/mall_new/ico_list03.gif) no-repeat 50% 1px} /* 주택마련 */
.area_top ul li.pur_ico04 {background:url(/images/mall_new/ico_list04.gif) no-repeat 50% 2px} /* 단기자금 */
.area_top ul li.pur_ico05 {background:url(/images/mall_new/ico_list05.gif) no-repeat 50% 1px} /* 공익상품 */
.area_top ul li.pur_ico06 {background:url(/images/mall_new/ico_list06.gif) no-repeat 50% 1px} /* 여유자금 */
.area_top ul li.pur_ico07 {background:url(/images/mall_new/ico_list07.gif) no-repeat 50% 1px} /* 세테크 */
.area_top ul li.pur_ico11 {background:url(/images/mall_new/ico_list08.gif) no-repeat 50% 2px} /* 생활안정 */
.area_top ul li.pur_ico12 {background:url(/images/mall_new/ico_list09.gif) no-repeat 50% 2px} /* 사업자금 */
.area_top ul li.pur_ico13 {background:url(/images/mall_new/ico_list03.gif) no-repeat 50% 1px} /* 주택구입 */
.area_top ul li.pur_ico14 {background:url(/images/mall_new/ico_list10.gif) no-repeat 50% 1px} /* 전세자금 */
.area_top ul li.pur_ico15 {background:url(/images/mall_new/ico_list11.gif) no-repeat 50% 4px} /* 창업자금 */
.area_top ul li.pur_ico21 {background:url(/images/mall_new/ico_list12.gif) no-repeat 50% 2px} /* 할인형 */
.area_top ul li.pur_ico22 {background:url(/images/mall_new/ico_list04.gif) no-repeat 50% 2px} /* 캐시백 */
.area_top ul li.pur_ico23 {margin-top:-5px; background:url(/images/mall_new/ico_list01.gif) no-repeat 50% 0}   /* 적립형 */
.area_top ul li.pur_ico23 span {padding-top:46px}
.area_top ul li.pur_ico31 {/* margin-left:5px !important; */ background:url(/images/mall_new/ico_list13.gif) no-repeat 50% 2px} /* 수산업 관련 */
.area_top ul li.pur_ico32 {background:url(/images/mall_new/ico_list14.gif) no-repeat 50% 2px} /* 해양관련 */
.area_top ul li.pur_ico33 {background:url(/images/mall_new/ico_list15.gif) no-repeat 50% 2px} /* 기타일반 */
	/* 생애주기별 */
.area_top ul li.age_ico01 {background:url(/images/mall_new/ico_list16.gif) no-repeat 50% 0} /* 유아 청소년기 */
.area_top ul li.age_ico06 {background:url(/images/mall_new/ico_list17.gif) no-repeat 50% 1px} /* 학생 청년기 */
.area_top ul li.age_ico02 {background:url(/images/mall_new/ico_list18.gif) no-repeat 50% 2px} /* 사회진출기 */
.area_top ul li.age_ico03 {background:url(/images/mall_new/ico_list19.gif) no-repeat 50% 1px} /* 가정형성기 */
.area_top ul li.age_ico04 {background:url(/images/mall_new/ico_list20.gif) no-repeat 50% 2px} /* 재산형성기 */
.area_top ul li.age_ico05 {background:url(/images/mall_new/ico_list21.gif) no-repeat 50% 4px} /* 은퇴(준비)기 */
	/* 고객별 */
.area_top ul li.cus_ico01 {width:34px; background:url(/images/mall_new/ico_list22.gif) no-repeat 50% 0} /* 직장인 */
.area_top ul li.cus_ico02 {background:url(/images/mall_new/ico_list23.gif) no-repeat 50% 2px} /* 미취학/초중고 */
.area_top ul li.cus_ico03 {background:url(/images/mall_new/ico_list24.gif) no-repeat 50% 2px} /* 대학생 */
.area_top ul li.cus_ico04 {background:url(/images/mall_new/ico_list25.gif) no-repeat 50% 1px} /* 여성 */
.area_top ul li.cus_ico05 {background:url(/images/mall_new/ico_list26.gif) no-repeat 50% 2px} /* 사업자 */
.area_top ul li.cus_ico06 {margin-top:-2px; background:url(/images/mall_new/ico_list27.gif) no-repeat 50% 0} /* 군인 */
.area_top ul li.cus_ico06 span {padding-top:43px}
.area_top ul li.cus_ico07 {background:url(/images/mall_new/ico_list28.gif) no-repeat 50% 1px} /* 수급자 등 */
.area_top ul li.cus_ico08 {background:url(/images/mall_new/ico_list29.gif) no-repeat 50% 1px} /* 농/어업인/상인 */
.area_top ul li.cus_ico09 {background:url(/images/mall_new/ico_list29.gif) no-repeat 50% 1px} /* 농/어업인/상인 */
.area_top ul li.cus_ico10 {background:url(/images/mall_new/ico_list29.gif) no-repeat 50% 1px} /* 농/어업인/상인 */
/* EOD : 2017.04.11 추가 */

/* .area_top ul.type01 {padding:20px 0 0;} */
.area_top ul.type01 li {line-height:16px; margin-right:5px; position:relative;}
.area_top ul.type01 li span {padding-top:28px}
.area_top ul.type01 li:after {width:1px; height:12px; display:inline-block; background:#d2d2d2; content:''; position:absolute; top:10px; left:-3px;}
.area_top ul.type01 li:first-child:after {display:none;}
.area_top ul.type01 li.list01{ background:url(/images/mall_new/ico_is_line01.gif) no-repeat 50% 0} /* 포인트/마일리지 */
.area_top ul.type01 li.list02{ width:48px; background:url(/images/mall_new/ico_is_line02.gif) no-repeat 50% 0} /* 교육/의료 */
.area_top ul.type01 li.list03{ width:48px; background:url(/images/mall_new/ico_is_line03.gif) no-repeat 50% 0} /* 마트/통신 */
.area_top ul.type01 li.list04{ background:url(/images/mall_new/ico_is_line04.gif) no-repeat 50% 0} /* 커피/외식 */
.area_top ul.type01 li.list05{ background:url(/images/mall_new/ico_is_line05.gif) no-repeat 50% 0} /* 주유/교통 */
.area_top ul.type01 li.list06{ background:url(/images/mall_new/ico_is_line06.gif) no-repeat 50% 0} /* 해양수산/ 어업인 */
.area_top .visual {position:absolute; top:50%; right:0; height:197px; margin-top:-98px; display:table;} 
/* .area_top.type01 .visual {position:absolute; top:50%; right:0; height:222px; margin-top:-111px; display:table} */
.area_top .visual.old {background:url(/images/mall_new/product/bg_itemview.gif) no-repeat 100% 50%; width:273px; height:222px; display:inline-block;}
.area_top .visual.old > span {display:inline-block; width:212px; height:134px; position:absolute; right:8px; bottom:34px;}
.area_top .visual.card {background:url(/images/mall_new/bg_visual_card.png) no-repeat 100% 50%; width:273px; height:222px; display:inline-block;}
.area_top .visual.card > span {display:inline-block; width:212px; height:134px; position:absolute; right:57px; bottom:43px;}
.area_top .visual.card > span img {width:100%; height:100%;}
.area_top .btn_controls {position:relative; padding:15px 0 15px 20px; border-top:1px solid #c8dee3; background-color:#f6fbfc;}
.area_top .btn_controls .btn_etc_write {margin-right:2px;}
.area_top .btn_controls .aside_search {position:absolute; top:15px; right:20px; width:400px; text-align:right;}
.area_top .btn_controls .aside_search span {color:#333; font-size:13px;}
.area_top .btn_controls .aside_search a {margin-left:10px;}

.area_graph {margin:30px 0 60px;}
.area_graph dl dt {padding-bottom:10px; border-bottom:1px solid #d0d0d0; color:#333; font-size:15px; font-weight:bold;}
/**수정 2017-01-18 정기수 overflow:hidden 삭제, padding bottom 삭제*/
.area_graph dl dd {padding:20px 20px 0px 20px; overflow:hidden}
/**수정 2017-01-18 정기수*/
.area_graph dl dd {padding:20px 20px 0px 20px;}
.area_graph dl dd .graph {float:left; margin-left:20px;}
.area_graph dl dd .graph:first-child {margin-left:0;}

/*.area_graph {margin:30px 0 0;}*/
.area_graph {position:relative}
.area_graph dl dd.on {display:block;}
.area_graph .graph_text_area {display:none; position:relative; /* padding:20px 20px 20px 20px; */}
.area_graph .graph_text_area .graph {position:relative; margin-left:0;}
.area_graph .graph_text_area .graph .graph_txt01 {clear:both; position:absolute; width:180px; height:40px; top:165px; border:0; background:#fff; left:10px}
.area_graph .graph_text_area .graph .graph_txt01 dl {display:block; float:left; /* -webkit-box-sizing:border-box; box-sizing:border-box; */ position:relative; width:50%; height:100%; padding-right:0; margin:0 auto}
.area_graph .graph_text_area .graph .graph_txt01 .first {clear:both; float:left; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:45px;}
.area_graph .graph_text_area .graph .graph_txt01 dl dt {display:inline-block; padding:0; font-size:13px; color:#666; border:0}
.area_graph .graph_text_area .graph .graph_txt01 dl dd {overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
.area_graph .graph_text_area .graph .graph_txt01.garph03 {width:185px; top:158px; left:9px;}
.area_graph .graph_text_area .graph .graph_txt01.garph03 dl {width:31%; height:20px;}
.area_graph .graph_text_area .graph .graph_txt01.garph03 .first {padding-left:0;}
.area_graph .graph_text_area .graph .graph_txt01.garph03 .txt_leng04 {width:38%;}

.area_graph .graph_text_area .graph .graph_txt02 {overflow:hidden; position:absolute; width:0; height:0; top:0; line-height:0; font-size:0; padding:0; margin:0}
	/* 사각형 색 */
.area_graph .graph_text_area .sq_blossom {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#f3a6a0}
.area_graph .graph_text_area .sq_carrot {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#f57f72}
.area_graph .graph_text_area .sq_sky {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#80d0d4}
.area_graph .graph_text_area .sq_lilac {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#8191c5}
.area_graph .graph_text_area .sq_yellow {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#fcb16b}
.area_graph .graph_text_area .sq_green {display:inline-block; width:13px; height:13px; margin-right:3px; vertical-align:middle; background:#8cc581}

/* 표로 보기 */
.area_graph .graph_table_area {display:none; padding:15px 0 7px}
.area_graph .graph_table_area dl {display:block; float:left; margin-left:30px}
.area_graph .graph_table_area .table01 {width:190px; margin-left:0}
.area_graph .graph_table_area .table02 {width:250px}
.area_graph .graph_table_area .table03 {width:230px}
.area_graph .graph_table_area dt {padding:0 0 7px; border:0}
.area_graph .graph_table_area dt span {font-size:15px; color:#1d5361}
.area_graph .graph_table_area dd {padding:0}
.area_graph .graph_table_area .table_col th {font-size:13px; font-weight:normal; color:#333}
.area_graph .graph_table_area .table_col td {padding:8px 0; font-size:13px; line-height:18px; color:#333}
.area_graph .graph_table_area .table_col thead th {padding:6px 0;}
.area_graph .graph_table_area .table02 .table_col tbody th {padding:2px 0; background:#f9f9f9}
.area_graph .graph_table_area .table02 .table_col td {padding:2px 0}
.area_graph .graph_table_area .table03 .table_col td {padding:4px 0}

.area_graph .graph_change {display:inline-block; position:absolute; top:2px; right:0; background:url(/images/mall_new/btn_graph02.gif) no-repeat 0 50%}
.area_graph .graph_change span {display:inline-block; margin-left:19px; font-size:13px; font-weight:bold; color:#666; border-bottom:1px solid #989898}
.area_graph .graph_change.on {background:url(/images/mall_new/btn_graph_close.gif) no-repeat 0 50%}
.area_graph .graph_change.on span {margin-left:15px}
	/*리스트 정의*/
.product_list_wrap{ overflow:hidden}
.product_list_wrap .p_title{ border-top:2px solid #2397b4; background:#f6fbfc}
.product_list_wrap .p_title span{ color:#333; font-size:13px; display:block; font-weight:bold;  padding:8px 9px 10px 9px}
.product_list_wrap .p_title span em{ color:#333 !important; font-size:13px; font-weight:bold;  padding:8px 9px 10px 9px}
.product_list_wrap .p_title + ul.product_list {width:100%; border-top:0 none;}
.product_list_wrap .product_list {width:100%; border-top:2px solid #2397b4;}
.product_list_wrap .product_list > li{ border-bottom:1px solid #e5e5e5; position:relative; display:table; width:100%;}
/**min height 가 없는경우 추가 2017-01-17 정기수*/
.product_list_wrap .product_list > li.no_min_h{min-height:0px; border-bottom:1px solid #e5e5e5; position:relative}
/**종료:min height 가 없는경우 추가*/
.product_list_wrap .product_list li .pro_list_area {display:table; position:relative; overflow:hidden; width:100%; padding:17px 0 16px 0;}
.product_list_wrap .product_list > li .product_txt{  width:430px;}
.product_list_wrap .product_list > li .product_txt.type01 {width:580px;}/* 금리가 없는 경우 */
.product_list_wrap .product_list > li .product_txt p{ margin-bottom:15px;}
.product_list_wrap .product_list > li .product_txt dt{ color:#333; font-size:20px; font-weight:bold; margin-bottom:12px;}
.product_list_wrap .product_list > li .product_txt dd{ color:#666; font-size:13px; line-height:18px;}
.product_list_wrap .product_list > li .product_txt ul.sub_icon_case{ overflow:hidden; margin-top:12px;}
.product_list_wrap .product_list > li .product_txt ul li{ float:left; margin-right:14px; position:relative; color:#017896; font-size:12px;}
.product_list_wrap .product_list > li .product_txt ul li:before{width:1px; height:11px; background:#017896; position:absolute; top:8px; left:-7px; content: '';}
.product_list_wrap .product_list > li .product_rate/*{ position:absolute; left:460px; top:50%; text-align:center; font-size:30px; min-width:140px; font-weight:bold; color:#e11922; margin-top:-18px;}*/
{ text-align:center; font-size:30px; min-width:140px; font-weight:bold; color:#e11922; display:table-cell; vertical-align:middle;}
.product_list_wrap .product_list > li .product_rate .top_txt{ display:block; font-size:13px; color:#333; font-weight:normal; line-height:16px; margin-bottom:6px;}
.product_list_wrap .product_list > li .product_rate .sub_txt{ display:block; font-size:13px; color:#333; font-weight:normal; line-height:16px; margin-top:6px;}
.product_list_wrap .product_list > li .product_rate .none{ text-align:center; font-size:30px; color:#333; line-height:50px;}
.product_list_wrap .product_list > li .product_btn{display:table-cell; vertical-align:middle; overflow:hidden; width:130px;}
.product_list_wrap .product_list > li .product_btn > a, 
.product_list_wrap .product_list > li .product_btn > span{ display:block; margin-bottom:5px; float:right;}
/*.product_list_wrap .product_list > li .product_btn > span.btn_gray {margin-top:0px;}
.product_list_wrap .product_list > li .product_btn > a:first-child{margin-top:0;}
.product_list_wrap .product_list > li .product_btn > a:last-child {margin-bottom:0;}*/
.product_list_wrap .product_list > li.none_data {text-align:center; width:100%; display:table;}
.product_list_wrap .product_list > li.none_data > p {vertical-align:middle; display:table-cell; padding:40px 0}

/* 리스트 아이콘 정의 */
.product_list_wrap .product_list li .product_txt dt .ico_menu_purple {display:inline-block; padding:0 0 0 23px; background:url(/images/mall_new/bg_ico_menu.png) no-repeat 0 0; line-height:18px; text-decoration:none; margin-left:8px; vertical-align:middle; }
.product_list_wrap .product_list li .product_txt dt .ico_menu_purple em{display:inline-block; height:20px; padding:0 6px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_ico_menu.png) no-repeat 100% 0; font-size:12px; white-space:nowrap; font-weight:bold; color:#9e6dc3; }
.product_list_wrap .product_list li .product_txt dt .ico_menu_blue  {display:inline-block; padding:0 0 0 23px; background:url(/images/mall_new/bg_ico_menu.png) no-repeat 0 -24px; line-height:18px; text-decoration:none; margin-left:8px; vertical-align:middle;}
.product_list_wrap .product_list li .product_txt dt .ico_menu_blue em{display:inline-block; height:20px; padding:0 6px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_ico_menu.png) no-repeat 100% -24px; font-size:12px; white-space:nowrap; font-weight:bold; color:#2e78d5; }

/* 카드리스트 정의*/
.product_list_wrap .product_list li .product_card { padding:19px 0 20px 0; width:610px; height:100%; display:block; -webkit-box-sizing:border-box; box-sizing:border-box;}
.product_list_wrap .product_list li .product_card a {display:block; width:100%;}
.product_list_wrap .product_list li .product_card a > span {width:200px; min-height:130px; display:block; float:left;}
.product_list_wrap .product_list li .product_card dl { display:block;}
.product_list_wrap .product_list li .product_card dt { color:#333; font-size:18px; font-weight:bold; margin:5px 0 12px;}
.product_list_wrap .product_list li .product_card dd { color:#666; font-size:13px; line-height:18px;}
.product_list_wrap .product_list li .product_card .card_icon { display:block; margin-top:20px;}
.product_list_wrap .product_list li .product_card .card_icon li {border:0px none; display:inline-block; margin-left:5px; width:47px; height:55px; text-align:center; font-size:11px; color:#666; vertical-align:bottom; line-height:14px; position:relative;}
.product_list_wrap .product_list li .product_card .card_icon li:after {width:1px; height:12px; display:inline-block; content:''; position:absolute; top:8px; left:-5px; background:#d6d6d6;}
.product_list_wrap .product_list li .product_card .card_icon li:first-child {margin:0 0;}
.product_list_wrap .product_list li .product_card .card_icon li:first-child:after {display:none;}
.product_list_wrap .product_list li .product_card .card_icon li span {padding-top:28px; display:inline-block;}
.product_list_wrap .product_list li .product_card .card_icon li.list01 {background:url(/images/mall_new/ico_line_sm01.gif) no-repeat 50% 0} /* 포인트/마일리지 */
.product_list_wrap .product_list li .product_card .card_icon li.list02 {background:url(/images/mall_new/ico_line_sm02.gif) no-repeat 50% 0} /* 교육/의료 */
.product_list_wrap .product_list li .product_card .card_icon li.list03 {background:url(/images/mall_new/ico_line_sm03.gif) no-repeat 50% 0} /* 마트/통신 */
.product_list_wrap .product_list li .product_card .card_icon li.list04 {background:url(/images/mall_new/ico_line_sm04.gif) no-repeat 50% 0} /* 커피/외식 */
.product_list_wrap .product_list li .product_card .card_icon li.list05 {background:url(/images/mall_new/ico_line_sm05.gif) no-repeat 50% 0} /* 주유/교통 */
.product_list_wrap .product_list li .product_card .card_icon li.list06 {background:url(/images/mall_new/ico_line_sm06.gif) no-repeat 50% 0} /* 해양수산/ 어업인 */


.product_align{ overflow:hidden; position:relative; height:30px; margin:0 0 5px 0}
.product_align p{ color:#666; font-size:13px;}
.btn_align_wrap{ position:absolute; right:0; top:0; height:24px; }
.btn_align{background:url(/images/mall_new/bg_btn.png) no-repeat 0 -134px; border:0 none; height:24px;  padding:0 0 0 12px; display:inline-block; }
.btn_align span{background:url(/images/mall_new/bg_btn.png) no-repeat 100% -134px; padding:0 12px 0 0;  display:inline-block; height:24px; font-size:13px; line-height:22px;}
.btn_align.on{background:url(/images/mall_new/bg_btn.png) no-repeat 0 -105px; border:0 none; height:24px;  padding:0 0 0 12px; display:inline-block}
.btn_align.on span{background:url(/images/mall_new/bg_btn.png) no-repeat 100% -105px; padding:0 12px 0 0;  display:inline-block; height:24px; font-size:13px; line-height:22px; color:#017896; font-weight:bold}
.btn_align em{ display:inline-block; background:url(/images/mall_new/ico_btn_align.png) no-repeat 0 0; width:7px; height:10px; margin-left:3px;}
.btn_align.on em{background:url(/images/mall_new/ico_btn_align.png) no-repeat -11px 0;}
.btn_align.down em{background:url(/images/mall_new/ico_btn_align.png) no-repeat -22px 0;}

.product_view{ margin-top:40px; width:100%; display:block; overflow:hidden;}
.product_view dl{position:relative; width:100%; margin-top:25px;  width:100%; display:table;}
.product_view dl:first-child{margin-top:0;}
.product_view dt{min-width:110px; display:table-cell; vertical-align:top;}
.product_view dt.type01{ width:100%; display:block; vertical-align:top; margin-bottom:12px;}
.product_view dt span{color:#333; font-size:14px; font-weight:bold; line-height:18px;}
.product_view dd{width:620px; margin-top:-1px; vertical-align:top; color:#666; font-size:14px;  }
.product_view dd.type01{ width:100%;  display:block;}
/* 두 줄로 떨어지는 dt dd 추가 */
.product_view dl dt.itemTtl {width:100%; display:block; margin-bottom:8px;}
.product_view dl dd.itemCont {width:100%; display:block; position:relative; padding-left:8px;}
/*.product_view dl dd.itemCont:before {width:3px; height:3px; background:#0092b6; ;position:absolute; top:10px; left:0px; content:'';}*/
.product_view dl.type01 dd.itemCont:before {display:none;}
/* 두 줄로 떨어지는 dt dd 추가 */

.product_view.new-style dt{min-width:auto;vertical-align: top;}
.product_view.new-style dd{vertical-align: top;margin-top:0;}

/* 2017.03.06 수정 */
.p_list > li{ position:relative; padding-left:8px;}
.p_list > li:before {width:3px; height:3px; position:absolute; top:10px; left:0px; content:''; background:url(/images/mall_new/bg_p_list.gif) no-repeat 0 0}
.p_list_sub > li {position:relative; padding-left:8px;}
.p_list_sub > li:before { width:3px; height:3px; position:absolute; top:10px; left:0px; content:''; background:url(/images/mall_new/bg_p_list02.gif) no-repeat 0 0}
.p_list_sub02 > li {position:relative; padding-left:11px;}
.p_list_sub02 > li:before {width:5px; height:1px; background:#666; display:inline-block;position:absolute; top:10px; left:0px; content:'';}
/*.product_wrap .p_list.type01 > dd {padding-left:10px;}
.product_wrap .p_list.type01 > dd:before {left:0px;}*/
.mall_wrap .product_wrap .p_list > li > span.table_cell {display:table-cell; width:20px; white-space:nowrap; padding-right:5px;}
.p_list_number > li {position:relative;}
.p_list_number > li:before{content:none;} /* 리스트가 숫자일 경우 */
.p_list > li .p_list_number {margin-left:0;}
.p_list_other > li {position:relative; padding-left:8px;}
.p_list_other > li:before {content:none;} /* 리스트가 숫자가 아니거나 불릿이 아닐 경우 */
.p_list > li .p_list_other {margin-left:-8px;}
.p_list_number > li .p_list_sub {margin-left:0;} /* p_list_number안에 p_list_sub 클래스를 사용하게 될 경우 문단이 -8px만큼 앞으로 나오게 되는 것을 방지하기 위해 */
.p_list_other > li .p_list_sub {margin-left:0;} /* p_list_other 안에 p_list_sub 클래스를 사용할경우 문단이 -8px만큼 앞으로 앞으로 나오게 되는 것을 방지하기 위해 */
.p_list p {display:block;}
.txt_ball {position:relative; padding-left:8px; display:block; font-weight:bold;}/*손가락 텍스트 수정*/
.txt_ball:before { width:2px; height:2px; background:#666; ;position:absolute; top:10px; left:0px; content:'';}

.additional_txt {display:block; font-size:13px; color:#333;}

/*텍스트아이콘 정의*/
.ico_txt_comm{ display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 0 0; padding:0 0 0 8px}
.ico_txt_comm em{display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 100% 0; padding:0 8px 0 0; font-size:12px; color:#54747a; font-weight:bold; text-align:center; height:20px; line-height:18px;}
.ico_txt_gray{ display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 0 -25px; padding:0 0 0 8px}
.ico_txt_gray em{display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 100% -25px; padding:0 8px 0 0; font-size:12px; color:#fff; font-weight:bold; text-align:center; height:20px; line-height:18px;}
.ico_txt_blue{ display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 0 -50px; padding:0 0 0 8px}
.ico_txt_blue em{display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 100% -50px; padding:0 8px 0 0; font-size:12px; color:#fff; font-weight:bold; text-align:center; height:20px; line-height:18px;}
.ico_txt_l_blue{ display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 0 -75px; padding:0 0 0 8px}
.ico_txt_l_blue em{display:inline-block; background:url(/images/mall_new/ico_product_txt.gif) no-repeat 100% -75px; padding:0 8px 0 0; font-size:12px; color:#fff; font-weight:bold; text-align:center; height:20px; line-height:18px;}
.ico_product01{ display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 0; width:56px; height:20px; line-height:18px; color:#0d98aa; font-size:12px; font-weight:bold; text-indent:26px}/*예금*/
.ico_product02{ display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -64px; width:56px; height:20px; line-height:18px; color:#3f9dc2; font-size:12px; font-weight:bold; text-indent:26px}/*대출*/
.ico_product03{ display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -128px; width:78px; height:20px; line-height:18px; color:#469a8f; font-size:12px; font-weight:bold; text-indent:26px}/*수협카드*/
.ico_product04{display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 0; width:56px; height:20px; line-height:18px; color:#0d98aa; font-size:12px; font-weight:bold; text-indent:26px}/*신탁*/
.ico_product05{display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -128px; width:78px; height:20px; line-height:18px; color:#0d98aa; font-size:12px; font-weight:bold; text-indent:25px}/* 공제/보험 */
.ico_product06{display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -160px; width:98px; height:20px; line-height:18px; color:#5293c8; font-size:12px; font-weight:bold; text-indent:26px}/*해양수산금융*/
.ico_product07{ display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -32px; width:56px; height:20px; line-height:18px; color:#6778b6; font-size:12px; font-weight:bold; text-indent:26px}/*외환*/
.ico_product08{ display:inline-block; background:url(/images/mall_new/ico_icon_list.gif) no-repeat 0 -96px; width:86px; height:20px; line-height:18px; color:#2a84d1; font-size:12px; font-weight:bold; text-indent:26px}/*금융패키지*/

/*버튼정의*/
.btn_wrap{ text-align:center; margin-top:40px}
.btn_etc_write{display:inline-block; padding:0 0 0 31px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 0; line-height:28px; text-decoration:none;}
.btn_etc_write span{display:inline-block; height:30px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% 0; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; min-width:60px; text-align:center}
.btn_etc_delete{display:inline-block; padding:0 0 0 25px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -401px; line-height:28px; text-decoration:none; }
.btn_etc_delete span{display:inline-block; height:30px; padding:0 10px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -401px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;} /* 관심상품삭제 버튼 추가 */
.btn_etc_star{display:inline-block; padding:0 0 0 25px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -35px; line-height:28px; text-decoration:none; }
.btn_etc_star span{display:inline-block; height:30px; padding:0 10px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -35px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}
.btn_etc_star02{display:inline-block; padding:0 0 0 28px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -253px; line-height:28px; text-decoration:none; }
.btn_etc_star02 span{display:inline-block; height:30px; padding:0 10px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -253px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#017896; font-weight:bold;}
.btn_gray{display:inline-block; padding:0 0 0 15px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -723px; line-height:28px; text-decoration:none;}
.btn_gray span{display:inline-block; height:30px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -723px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; min-width:77px; text-align:center}
.btn_etc_write_l{display:inline-block; padding:0 0 0 50px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -163px; line-height:38px; text-decoration:none;}
.btn_etc_write_l span{display:inline-block; height:40px; padding:0 25px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -163px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; }
.btn_gray_l{display:inline-block; padding:0 0 0 25px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -208px; line-height:38px; text-decoration:none;}
.btn_gray_l span{display:inline-block; height:40px; padding:0 25px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -208px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; }
.btn_zoom {display:inline-block; padding:0 0 0 28px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -288px; line-height:28px; text-decoration:none;}
.btn_zoom span{display:inline-block; height:30px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -288px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold; }
.btn_skygreen_l{display:inline-block; padding:0 0 0 25px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -793px; line-height:38px; text-decoration:none;}
.btn_skygreen_l span{display:inline-block; height:40px; padding:0 25px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -793px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; } /* 게시판에 쓰인 확인 버튼 */

.btn_etc_direction {display:inline-block; padding:0 0 0 28px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -435px; line-height:32px; text-decoration:none;}
.btn_etc_direction span{display:inline-block; height:33px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -435px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#017896; font-weight:bold; }/* 설명서버튼 추가 */
.btn_view_saving {display:inline-block; padding:0 0 0 9px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -473px; line-height:28px; text-decoration:none;}
.btn_view_saving span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -473px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 비과세종합저축 보기 추가 */
.btn_view_saving2 {display:inline-block; padding:0 0 0 9px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -473px; line-height:28px; text-decoration:none;}
.btn_view_saving2 span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -473px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 비과세종합저축 보기 추가 */
.btn_view_fishing_village {display:inline-block; padding:0 0 0 9px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -473px; line-height:28px; text-decoration:none;}
.btn_view_fishing_village span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -473px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 비과세종합저축 보기 추가 */
.btn_rates_guide {display:inline-block; padding:0 0 0 10px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -509px; line-height:28px; text-decoration:none;}
.btn_rates_guide span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -509px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 금리안내로 이동 버튼추가 */
.btn_find {display:inline-block; padding:0 0 0 9px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -545px; line-height:28px; text-decoration:none;}
.btn_find span{display:inline-block; height:31px; padding:0 28px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -545px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 가까운 회원수협 찾기 버튼추가 */
.btn_view_tax {display:inline-block; padding:0 0 0 10px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -581px; line-height:28px; text-decoration:none;}
.btn_view_tax span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -581px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 세금우대종합저축 보기 버튼추가 */
.btn_view_living {display:inline-block; padding:0 0 0 10px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -617px; line-height:28px; text-decoration:none;}
.btn_view_living span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -617px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 생계형저축 보기 버튼추가 */
.btn_search_go {display:inline-block; padding:0 0 0 10px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -652px; line-height:31px; text-decoration:none;}
.btn_search_go span{display:inline-block; height:31px; padding:0 29px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -652px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;}/* 영업점 검색 바로가기 추가*/
.btn_search_interest {display:inline-block; padding:0 0 0 28px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -688px; line-height:28px; text-decoration:none;}
.btn_search_interest span {display:inline-block; height:31px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -688px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;}/* 금리조회 추가*/
/* 팝업버튼*/
.btn_pop_blue{display:inline-block; padding:0 0 0 20px !important; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -323px; line-height:32px; text-decoration:none !important;}
.btn_pop_blue span{display:inline-block; height:34px; padding:0 20px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -323px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px; text-align:center}
.btn_pop_gray{display:inline-block; padding:0 0 0 20px !important; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -362px; line-height:32px; text-decoration:none !important;}
.btn_pop_gray span{display:inline-block; height:34px; padding:0 20px 0 0 !important; margin-right:0 !important; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -362px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px; text-align:center}
.product_list_wrap .btn_gray{display:inline-block; padding:0 0 0 15px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -70px; line-height:28px; text-decoration:none;}
.product_list_wrap .btn_gray span{display:inline-block; height:30px; padding:0 15px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -70px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; min-width:77px; text-align:center}
.btnDefault a, .btnBoard a{margin:0 2px; padding-left:15px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 -60px; text-decoration:none; display:inline-block;vertical-align: middle;}
.btnDefault a.btnEmp, .btnBoard a.btnEmp{background-position:0 0;}
.btnDefault a.btnEmp span, .btnBoard a.btnEmp span{background-position:100% -30px; color:#fff; font-weight:bold; letter-spacing:-1px; height:29px; line-height:27px; padding:0 15px 0 0;}
.btnDefault a.btnXls{padding-left:35px; background-position:0 -120px;}
.btnBoard a.btnEmp#cancelBtn {background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 -60px;}
.btnBoard a.btnEmp#cancelBtn span {color:#fff; letter-spacing:-1px; height:29px; line-height:27px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 100% -90px; padding:0px 15px 0px 0px; display:inline-block;}
.btnDefault a.send_btn {background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 0;}
.btnDefault a.send_btn span {color:#fff; letter-spacing:-1px; height:29px; line-height:27px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 100% -30px; padding:0px 15px 0px 0px; display:inline-block;}
.btnDefault a.cancel_btn {background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 0 -60px;}
.btnDefault a.cancel_btn span {color:#333; letter-spacing:-1px; height:29px; line-height:27px; background:url(/images/mall_new/bg_btn_cont.gif) no-repeat 100% -90px; padding:0px 15px 0px 0px; display:inline-block;}
.btn_inquiry {display:inline-block; padding:0 0 0 15px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -758px; line-height:28px; text-decoration:none; height:30px;}
.btn_inquiry span {display:inline-block; height:30px; padding:0 23px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -758px; letter-spacing:-1px; white-space:nowrap; color:#0089ab; font-weight:bold;}


/*테이블*/
.top_table_txt{ margin-bottom:12px}
.top_table_txt .align_r{ text-align:right}
.top_table_txt.type01 .align_r{ text-align:right; margin-top:-34px;}
.bot_table_txt{ margin-top:6px; font-size:13px; color:#333; }

.table_col{ width:100%; border-top:2px solid #017896;}
.table_col table{ width:100%; border-collapse:collapse;}
.table_col th{padding:8px 0 8px 0; color:#333; font-size:14px; background:#f6fbfc; font-weight:bold; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.table_col tbody th {font-weight:normal}
.table_col th.b_none,.table_col td.b_none{ border-right:0 none;}
.table_col th.bg_blue {background:#ecf2f8;}
.table_col th.bg_gray {background:#fafafa;}
.table_col td {border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:9px 5px 12px 5px; color:#666; font-size:14px; background-color:#fff; text-align:center; }
.table_col td.alignLeft{ text-align:left; padding-left:10px; padding-right:10px;}
.table_col th.alignLeft{ text-align:left; padding-left:10px; padding-right:10px;}
.table_col th.align_l{ text-align:left; padding-left:10px; padding-right:10px;}
.table_col td.align_l{ text-align:left; padding-left:15px;}
.table_col table thead tr.type01 th {background-color:#eee;}

.table_col.type_fpd th.alignLeft{ text-align:left; padding-left:21px; padding-right:10px;}
.table_col.type_fpd td.alignLeft{ text-align:left; padding-left:21px; padding-right:10px;}
.table_col.type_fpd td.alignRight{ text-align:right; padding-right:21px; padding-left:10px;}
.table_col.type_fpd th.align_l{ text-align:left; padding-left:21px; padding-right:10px;}
.table_col.type_fpd td.align_l{ text-align:left; padding-left:21px; padding-right:10px;}
.table_col.type_fpd td.align_r { text-align:right; padding-right:21px; padding-left:10px;}

.table_col .none_data{padding:30px 5px} /* 데이터가 없을 경우 */

.point{color:#df2451;  font-size:14px; font-weight:bold; margin-right: 4px;}
.point em{ font-size:0}

.bot_table_txt .number_list > li {display:block; width:100%;}/* 테이블 하단 텍스트 리스트 추가 */
.bot_table_txt .number_list > li > span {display:block; width:100%;}/* 테이블 하단 텍스트 리스트 추가 */

.f_type th, .f_type td {font-size:13px !important;} /* 공제보험 - 테이블 내용이 너무 많아 가로로 깨질경우 */

.table_row{ width:100%; border-top:2px solid #017896;}
.table_row table{ width:100%; border-collapse:collapse;}
.table_row .more_padding th {padding:12px 0 11px 0}
.table_row .more_padding td {padding:12px 5px 11px 5px}
.table_row th{padding:8px 0 8px 0; color:#333; font-size:14px; background:#f6fbfc; font-weight:bold; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.table_row th.b_none,.table_row td.b_none{ border-right:0 none;}
.table_row td {border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:8px 5px 8px 5px; color:#666; font-size:14px; background-color:#fff; line-height:18px; text-align:center; }
.table_row td.align_l{ text-align:left; padding-left:15px;}/* td left정렬 해야할 경우 */
.table_row th.th_align_l{ text-align:left; padding-left:15px;}
.table_row .table_list li {display:block; width:100%;}
.table_row td .radio {margin-right:8px}
.table_row td .radio:last-child {margin-right:0}

/*알림팝업*/
.info_pop_wrap{overflow:visible; position:fixed; left:0; top:0; background:url(/images/biz_new/common/bg_pop.png) repeat !important; width:100%; height:100%; z-index:10000}
.info_pop{ width:300px; background:url(/images/biz_new/common/bg_info_pop_top.png) no-repeat 0 0; padding-top:5px; margin:0 auto;}
.info_pop_data{ background:url(/images/biz_new/common/bg_info_pop.png) no-repeat 0 100%; position:relative; padding-bottom:20px; }
.info_pop_data h1{ text-align:center; font-size:20px; font-weight:bold; color:#333; border-bottom:2px solid #0072bc; padding:8px 0 15px 0}
.info_txt{ padding:10px 15px; }
.info_txt .notice{ font-size:15px; font-weight:bold}
.info_txt .detail{ font-size:15px;}
.info_txt .error{ font-size:14px; color:#666; padding-top:5px; margin-top:12px; border-top:1px dashed #888}
.btn_close{ position:absolute; right:15px; top:7px; width:26px; height:26px; display:block; background:url(/images/mall_new/btn_info_pop_close.gif) no-repeat 0 0; text-indent:-9999px;}
.info_pop_wrap .btn_pop_wrap{ text-align:center; margin-top:15px;}

/*알림팝업*/
.error_pop_wrap{overflow:visible; position:fixed; left:0; top:0; background:url(/images/biz_new/common/bg_pop.png) repeat !important; width:100%; height:100%; z-index:10000}
.error_pop{ margin:0 0; position:relative; overflow:hidden; position:relative; display:none} /*팝업(none)*/
.error_top_wrap{background:url(/images/biz_new/common/bg_error_top.png) no-repeat 0 0; height:44px; }
.error_top_data{background:url(/images/biz_new/common/bg_error_top.png) no-repeat 100% 0; height:44px; }
.error_top_data h1{ text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:40px;}
.error_bot_wrap{background:url(/images/biz_new/common/bg_error_bot.png) no-repeat 0 100%;}
.error_bot_data{background:url(/images/biz_new/common/bg_error_bot.png) no-repeat 100% 100%;}
.error_txt_wrap{ padding:25px 23px 30px 20px;}
.error_txt_wrap .error_pop_txt{ min-height:45px;}
.error_txt_wrap .error_pop_txt.img01{ background:url(/images/biz_new/common/ico_error.gif) no-repeat 0 5px}
.error_txt_wrap .error_pop_txt.img02{ background:url(/images/biz_new/common/ico_info.gif) no-repeat 0 5px}
.error_txt_wrap .error_pop_txt dl{ padding-left:55px;}
.error_txt_wrap .error_pop_txt dl dt{ font-size:15px; font-weight:bold;}
.error_txt_wrap .error_pop_txt dl dd{font-size:15px;}
.error_txt_wrap .error_pop_txt dl dd.type01{ padding-top:10px;}
.error_txt_wrap .btn_pop_wrap{ text-align:center; margin-top:27px;}
.error_pop .btn_error_pop_close{ position:absolute; right:15px; top:7px; width:26px; height:26px; display:block; background:url(/images/biz_new/common/btn_error_close.gif) no-repeat 0 0; text-indent:-9999px;}
.error_txt_wrap .message_txt{ min-height:45px;}
.error_txt_wrap .message_txt.img01{background:url(/images/biz_new/common/ico_message.gif) no-repeat 0 5px}
.error_txt_wrap .message_txt.img02{background:url(/images/biz_new/common/ico_message01.gif) no-repeat 0 5px}
.error_txt_wrap .message_txt .m_txt{ padding-left:55px; font-size:15px;}
.error_txt_wrap .message_txt .m_txt .listTypeDot{ font-size:14px; line-height:18px;}
.error_txt_wrap .message_txt .m_txt .m_point{ color:#ff6037; font-weight:bold}

/*유의사항*/
.caution_area {display:block; border:1px solid #ddd; background:#fcfcfc; margin-top:15px;}
.caution_area dl { padding:20px 15px 16px 15px;}
.caution_area dl dt { position: relative; background:url(/images/mall_new/ico_caution.png) no-repeat 0 2px; padding-left:25px; font-weight:bold; margin-bottom:15px;}
.caution_area dl dt.type01 {padding-bottom:3px}
.caution_area dl dd {display:block; position:relative; font-size:13px; padding-left:8px; margin-left:20px; line-height: 22px; }
.caution_area dl .caution_list_num {position:relative; padding-left:8px; margin-left:20px;}
.caution_area dl .caution_list_num:before{content:none;} /* dd 리스트가 숫자일 경우 */
	/* 2017.03.06 수정 */
.caution_area dl dd:before {display:inline-block; width:3px; height:3px; content:''; position:absolute; top:9px; left:0px; background:url(/images/mall_new/bg_caution_list.gif) no-repeat 0 0}
.caution_area dl dd .caution_list > li {display:block; position:relative; padding-left:11px;}
.caution_area dl dd .caution_list > li:before {width:5px; height:1px; background:#666; display:inline-block;position:absolute; top:11px; left:0px; content:'';}
.caution_area dl dd .caution_list_02 > li {position:relative; padding-left:10px;}
.caution_area dl dd .caution_list_02 > li:before {width:4px; height:4px; display:inline-block; content:'';position:absolute; left:0; top:10px; background:url(/images/mall_new/bg_caution_list03.gif) no-repeat 0 0}
.caution_area dl dd .caution_list_03 > li {display:block; width:100%;} /* '*' 불릿일 경우 */
.caution_area dl dd .caution_list_lang > li {position:relative; padding-left:8px;}
.caution_area dl dd .caution_list_lang > li:before {content:none;} /* 리스트가 가, 나, 다 등의 문자일 경우 */
.caution_area.type01 dl dt { background:url(/images/mall_new/ico_protection.png) no-repeat 0 -1px; padding-left:25px; font-weight:bold; margin-bottom:15px;}
.caution_area.type01 dl dd:before {display:none;}
.caution_area.type02 > dl dd:before {display:none;}
.caution_area.type02 > dl dd > span {display:block; position:relative; font-size:13px; padding-left:10px; margin-left:10px;}
.caution_area.type02 > dl dd > span:before {width:5px; height:1px; display:inline-block; content:''; position:absolute; left:0px; top:11px; background:#333;}
.caution_area > dl dd.protection { margin-top:10px;}
.caution_area > dl dd.protection:before {display:none;}
.caution_area .bulType2List{padding:20px 10px;}

/* 펀드 게시판 */
.fund_list {width:100%; display:block; border-top:2px solid #2397b4; }
.fund_list > table {width:100%; border-collapse:collapse;}
.fund_list > table thead th {padding:9px 0 7px; text-align:center; background:#f3f3f3; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#666; font-size:13px;}
.fund_list > table th.bd_none, .fund_list > table td,bd_none {border-right:0px none;}
.fund_list > table td {padding:5px 0; text-align:center; border-bottom:1px solid #e5e5e5;}
.fund_list > table tr td:first-child {text-align:left; font-size:15px; font-weight:bold;}
.fund_list > table tbody td > span.down {display:block; color:#0042ff; line-height:15px;} 
.fund_list > table tbody td > span.up {display:block; color:#e11922;} 
.fund_list > table tbody td > span.down > span {background:url(/images/mall_new/ico_fund_list.png) no-repeat 50% 6px; width:14px; height:15px; display:inline-block;}
.fund_list > table tbody td > span.up > span {background:url(/images/mall_new/ico_fund_list.png) no-repeat 50% -35px; width:14px; height:15px; display:inline-block;}
.fund_list > table thead th.f_type01 {font-size:12px; line-height:15px;}

/* 게시판 페이징 */
.boardNavi{text-align:center; margin-top:20px;}
.boardNavi ul, .boardNavi li{display:inline;}
.boardNavi a{display:inline-block; height:26px; width:26px;  text-align:center; font-size:14px; color:#666}
.boardNavi a.selected, .boardNavi a:hover{font-weight:bold; letter-spacing:-1px; color:#fff; background:url(/images/mall_new/bg_boardnavi.gif) no-repeat 0 -144px; text-decoration:none}
.boardNavi li.first a{background:url(/images/mall_new/bg_boardnavi.gif) no-repeat 0 0; font-size:0}
.boardNavi li.prev a{background:url(/images/mall_new/bg_boardnavi.gif) no-repeat 0 -36px;  font-size:0}
.boardNavi li.next a{background:url(/images/mall_new/bg_boardnavi.gif) no-repeat 0 -108px;  font-size:0}
.boardNavi li.last a{background:url(/images/mall_new/bg_boardnavi.gif) no-repeat 0 -72px;  font-size:0}
.boardNavi li{ height:26px; margin:0 4px;}
.boardNavi li.first,.boardNavi li.prev,.boardNavi li.next,.boardNavi li.last{margin:0;}
.boardNavi li, .boardNavi a, .boardNavi img{vertical-align:middle;}


/* 펀트페이지 비주얼 상단 텍스트 */
.area_top ul.txt_list li {display:block; clear:both; margin:0 0; padding:0 0; width:100%; text-align:left; height:auto; font-size:14px; color:#333; letter-spacing:-1px;}
.area_top ul.txt_list li span {height:auto; padding:0 0; display:inline-block;}
.area_top ul.txt_list li span.level.two {background:#ffa912; color:#fff; padding:0 5px; line-height:18px; vertical-align:middle;}
.area_top ul.txt_list li span.up {color:#e11922; padding-left:15px; background:url(/images/mall_new/ico_fund_list.png) no-repeat 0px -33px;}
.area_top ul.txt_list li span.down {color:#0042ff; padding-left:15px; background:url(/images/mall_new/ico_fund_list.png) no-repeat 0px 8px;}

/* 자료제공 박스 */
.offer_area {width:100%; overflow:hidden; background:url(/images/mall_new/bg_offer_top.png) no-repeat 0 0; padding-top:20px; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:15px;}
.offer_area .offer_area_bottom {background:#f6fbfc url(/images/mall_new/bg_offer_bottom.png) no-repeat 0 100%; padding-bottom:20px;}
.offer_area .offer_area_bottom ul { border-left:1px solid #dadada; border-right:1px solid #dadada; padding:0 20px 0 90px; background:url(/images/mall_new/bg_offer_logo.png) no-repeat 20px 10px;}
.offer_area li {display:block; position:relative; padding-left:8px;}
.offer_area li:before {width:2px; height:2px; background:#aaa; display:inline-block; content:''; position:absolute; top:10px; left:0px;}

/* 금리조회 검색 */
.search_interest {display:block; width:100%; overflow:hidden;}
.search_interest .interest_tit { position:relative; padding-left:20px; margin-bottom:12px;}
.search_interest .interest_tit:before {width:16px; height:16px; display:inline-block; content:''; background:url(/images/mall_new/ico_tooltip.png) no-repeat 0 0; position:absolute; top:3px; left:0px;}
.search_interest .interest_area {width:100%; height:50px; display:block; background:#f6fbfc; border:1px solid #cadfe4; -webkit-box-sizing:border-box; box-sizing:border-box;}
.search_interest ul {padding:8px 22px 8px 18px; width:100%; display:table; -webkit-box-sizing:border-box;  box-sizing:border-box;}
.search_interest li {display:table-cell; position:relative; padding:0 19px 0 22px; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; font-size:13px; color:#666;}
.search_interest li:after {width:1px; height:22px; display:inline-block; content:''; background:#cadfe4; position:absolute; top:50%; left:0px; margin-top:-11px;}
.search_interest li input[type="text"] {margin:0 5px;font-size:13px;}
.search_interest li label {color:#666;}
.search_interest li .tit {color:#666;}
.search_interest li.contract_term {padding-left:0px; width:155px;}
.search_interest li.contract_term label {vertical-align:middle;}
.search_interest li.contract_term span {vertical-align:middle;}
.search_interest li.contract_term:after {display:none;}
.search_interest li.amount_inter {width:212px;}
.search_interest li.radio_area {padding-right:8px;}
.search_interest li.btn_area {padding:0 0 0 10px;}
.search_interest li.btn_area:after {display:none;}

/* 게시판 */
.boardWrap{position:relative; width:100%;}
.boardList{width:100%; border-top:2px solid #2397b4; border-bottom:1px solid #ccc;}
.boardList th{padding:8px 0 10px 0; background:#f6fbfc;}
.boardList th {border-bottom:1px solid #c8dee3; font-size:13px; font-weight:bold;}
.boardList td{border-top:1px solid #e5e5e5; text-align:center; padding:8px 0 10px 0; line-height:23px;}
.boardList tr:first-child td{border-top:0 none;}
.boardList td.alignRight{padding-right:15px; text-align:right;}
.boardList td.alignLeft{padding-left:15px; text-align:left;}
.boardList td img{vertical-align:-1px;}
.boardList a{text-decoration:none;}
.boardWrap td .fileIcon{margin:0 auto;}

/* 게시판 상세 */
.board_area {width:100%; display:block; overflow:hidden; border-top:2px solid #2397b4;}
.board_area .board_head {width:100%; display:block; background:#f6fbfc; padding:10px 20px; overflow:hidden; border-bottom:1px solid #c8dee3; -webkit-box-sizing:border-box; box-sizing:border-box;}
.board_area .board_head .board_title {font-weight:bold; width:70%; display:inline-block; float:left;}
.board_area .board_head ul {width:25%; display:inline-block;float:right;}
.board_area .board_head ul li {display:inline-block; font-size:13px;}
.board_area .board_sub_head {width:100%; display:block; background:#fff; padding:10px 20px; overflow:hidden; border-bottom:1px solid #c8dee3; -webkit-box-sizing:border-box; box-sizing:border-box;}
.board_area .board_sub_head .board_sub_title {}
.board_area .board_sub_head .board_sub_title span {font-weight:bold}
.board_area .board_head ul li.page_view {float:right; text-align:right;}
.board_area .board_data {width:100%; display:block; padding:25px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666;  border-bottom:1px solid #ccc; border-bottom-style:dashed;}
/*.board_area .board_data .board_list_number {margin-top:25px; display:block;}
.board_area .board_data .board_list_number li {display:block; text-indent:-12px; padding-left:12px;}
.board_area .board_data .board_list_number li p {margin-left:12px;}*/
.board_file {width:100%; display:block; padding:20px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; border-bottom:1px solid #ccc; }
.board_file li {dlsplay:block;}
.board_file li a {text-indent:25px; position:relative; display:inline-block; vertical-align:top; font-size:13px; color:#666}
.board_file li a:hover {text-decoration:underline;}
.board_navi {width:100%; display:block; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:40px;}
.board_navi ul li {display:block; padding:10px 20px; border-top:1px solid #e5e5e5;}
.board_navi ul li:first-child {border-top:0 none;}
.board_navi ul li strong {width:70px; display:inline-block; background:url(/images/mall_new/ico_board_navi.png) no-repeat 0 100%; padding-left:28px;}
.board_navi ul li:first-child strong {background-position:0 2px;}
.board_area .board_answer_head {width:100%; display:block; background:#f4f4f4; margin-top:-1px; padding:10px 20px; overflow:hidden;border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-box-sizing:border-box; box-sizing:border-box;}
.board_area .board_answer_head .board_answer_title {font-weight:bold}
.board_area .board_answer_head .board_answer_title span {display:inline-block; content:""; width:13px; height:13px; padding-right:10px; background:url(/images/mall_new/bg_board_answer.gif) no-repeat 0 50%}
.board_area .board_answer_data {width:100%; display:block; padding:25px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; border-bottom:1px solid #ccc;}
	/* 첨부파일이 없을 경우 */
.board_data + .board_navi {margin-top:-1px;} 

/* 파일 아이콘 다운로드 링크 */
.fileIcon{overflow:hidden; display:inline-block; width:20px; height:20px;}
.fileIcon span{display:block; text-indent:-50000px;}
.hwp{ background:url(/images/mall_new/ico_hwp.gif) no-repeat 0 0; height:23px;}
.doc{background:url(/images/mall_new/ico_doc.gif) no-repeat 0 0; height:23px;}
.xls{background:url(/images/mall_new/ico_xls.gif) no-repeat 0 0; height:23px;}
.xlsx{background:url(/images/mall_new/ico_xls.gif) no-repeat 0 0; height:23px;}
.ppt{background-position:0 -150px !important; height:23px;}
.pdf{background:url(/images/mall_new/ico_pdf.gif) no-repeat 0 0; height:23px;}
.pdf:before {content:none !important;}
.txt{background:url(/images/mall_new/ico_txt.gif) no-repeat 0 0; height:23px;}
.jpg{background:url(/images/mall_new/ico_jpg.gif) no-repeat 0 0; height:23px;}
.zip{background:url(/images/mall_new/ico_zip.gif) no-repeat 0 0; height:23px;}
/* 텍스트가 나오는 파일 아이콘 */
.fIconWTxt{display:inline-block;}
.fIconWTxt a{display:inline-block; line-height:16px; padding-left:22px; /* background:url(/images/mall_new/ico_file_down.gif) no-repeat; 2017.03.09 */}
* html .fIconWTxt a{zoom:1;}
.fileList{padding-left:10px; text-align:left;}
.fileList li{padding:2px 0;}
/* 기본버튼에 파일아이콘 */
.btnDefault span.hwp{padding-top:6px; height:23px;}
.btnDefault span.hwp span{display:inline-block; padding:2px 0 0 0; /* background:url(/images/mall_new/ico_file_down.gif) no-repeat; 2017.03.09 */ padding-left:22px;}

/* 검색 양식 */
.srhForm{width:100%; display:block; overflow:hidden; margin-bottom:10px;}
.srhForm select, .srhForm input, .srhForm label{display:inline-block; }
.inputBtn {min-width:60px; height:30px; display:inline-block; padding:0 15px; text-align:center; color:#fff; line-height:28px; font-size:13px; background:#0389aa; -webkit-box-sizing:border-box; box-sizing:border-box;}
.inputBtn_gray {min-width:60px; height:30px; display:inline-block; padding:0 15px; text-align:center; color:#fff; line-height:28px; font-size:13px; background:#888888; -webkit-box-sizing:border-box; box-sizing:border-box;}
.srhForm select, .srhForm input[type="text"] {border:1px solid #ccc; font-size:13px;} 
.srhForm .fRight select {padding:0 0 2px 5px} /* 2017.03.06 - padding 추가 */
.srhForm .fRight .inputBtn {font-weight:bold} /* 2017.03.06 - bold 추가 */

.point_red {color:#E45800;} /* 텍스트 레드 포인트컬러 */
.txt_red {color:#e11922;}
.txt_green {color:#008b37;} /* 텍스트 컬러 / SH그린신용카드에서 처음 등장 */
.clause_link {padding-left:21px; text-decoration:underline;} /* 약관링크 */
.blank_link {text-decoration:underline; font-weight:bold; float:right;}/* 대출신청 링크 */
.txt_underline {text-decoration:underline;} /* underline이 들어가 있는 텍스트의 경우 */
.text_emphasis {font-weight:bold;}

.iconDG{background-position:0 -90px;}
.iconDG span{color:#dedede; background-position:100% -198px;}
.stIcon{display:inline-block; padding-left:5px; margin:2px 2px 0 0; font-size:11px; letter-spacing:-1px; background:url(/images/mall_new/bg_text_icon.gif) no-repeat; line-height:14px;}
.stIcon span{display:inline-block; padding:2px 5px 2px 0; background:url(/images/mall_new/bg_text_icon.gif) no-repeat 100% -108px;}

.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.ml5 {margin-left:5px !important;} /* 자유만기정기예탁금 > 기타사항은 정기예탁금 (만기일시지급식)과 같음 부분을 밑 텍스트와 띄우기 위해 */
.card_mt {margin-top:25px !important;} /* 카드 p_list 띄우기 */
.card_tmt {margin-top:5px !important;} /* 카드 테이블 안의 p_list 띄우기 */

.fl {float:left}
.algin_r {text-align:right !important;}
.fRight{float:right;}
.txt {background:none !important;}
.letter {letter-spacing:0px !important;}

/* input, select 길이수정*/
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
/*150 추가 2017 03 18*/
.w80 {width:80px !important;}
.w110 {width:110px !important;}
/*150 추가 2017 03 18*/
.w150 {width:150px !important;}
.w200 {width:200px !important;}
/*400 추가 2017 11 09*/
.w400{ width:400px !important;}

.comm {font-size:14px; padding:5px 0;}

/*예금 서브메인*/
.mall_sub_main{ width:980px; margin:0 auto; padding-top:30px;}

.mall_sub_main .mall_main_visual{ border:1px solid #0fa0b3; height:328px; position:relative}
.mall_sub_main .mall_main_visual .visual01{ background:#0fa0b3;  height:328px}
.mall_sub_main .mall_main_visual .visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:330px;}
.mall_sub_main .mall_main_visual .visual01 div.img_area{width:630px; height:330px; background:url(/images/mall_new/img_dps_mainvisual01.jpg) no-repeat 0 0;}
.mall_sub_main .mall_main_visual .visual_area a {display:block; width:100%; height:100%;}
.mall_sub_main .mall_main_visual li {overflow:hidden}
.mall_sub_main .mall_main_visual .visual_area div.visual_txt_area{ padding:23px 30px; width:290px;}
.mall_sub_main .mall_main_visual .visual_area div.visual_txt_area dt { font-size:39px; color:#fff; font-weight:normal; line-height:48px; display:block; margin-top:35px; letter-spacing:-1px} 
.mall_sub_main .mall_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:15px; margin-top:32px;}
.mall_sub_main .mall_main_visual span{ display:inline; color:#aaf5ff; font-weight:bold; position:relative}
.mall_sub_main .mall_main_visual span:after{width:60px; height:2px; background:#fff; position:absolute; bottom:-27px; left:0; content: '';}
/* 2017.03.28 css 추가 */
.mall_sub_main .dps_main_visual{ height:330px; position:relative; background:url(/images/mall_new/bg_dps.gif) no-repeat 0 0}
.mall_sub_main .dps_main_visual .visual01{height:330px}
.mall_sub_main .dps_main_visual li {overflow:hidden}
.mall_sub_main .dps_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:330px;}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.img_area01{width:630px; height:330px; background:url(/images/mall_new/img_dps_mainvisual01.png) no-repeat 0 0;}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.img_area02{width:630px; height:330px; background:url(/images/mall_new/img_dps_mainvisual02.png) no-repeat 0 0;}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.img_area03{width:630px; height:330px; background:url(/images/mall_new/img_dps_mainvisual03.png) no-repeat 0 0;}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.img_area04{width:630px; height:330px; background:url(/images/mall_new/img_dps_mainvisual04.png) no-repeat 0 0;}
.mall_sub_main .dps_main_visual .visual_area.visual01 a {/*display:block; width:100%; height:100%;*/}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.visual_txt_area{ padding:26px 30px; width:290px;}
.mall_sub_main .dps_main_visual .visual_area.visual01 div.visual_txt_area dt { font-size:34px; color:#fff; font-weight:normal; line-height:40px; display:block; margin-top:22px; letter-spacing:-4px} /* 2017.03.06 font-weight 수정 */
.mall_sub_main .dps_main_visual .visual_area.visual01 div.visual_txt_area dt em{ font-size:28px;}
.mall_sub_main .dps_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:14px; margin-top:17px;}
.mall_sub_main .dps_main_visual .visual_area div.visual_txt_area dd .visual_txt{ color:#fff; font-size:14px;  font-weight:normal; line-height:20px;}
.mall_sub_main .dps_main_visual span{ display:inline; color:#aaf5ff; font-weight:bold; position:relative; font-size:15px; }
.mall_sub_main .dps_main_visual dl{ position:relative}
.mall_sub_main .dps_main_visual dl:after{width:64px; height:2px; background:#aaf5ff; position:absolute; top:-15px; left:0; content: '';}
/*.mall_sub_main .dps_main_visual span:after{width:64px; height:2px; background:#aaf5ff; position:absolute; bottom:-10px; left:0; content: '';}*/
.mall_sub_main .dps_main_visual .btn_mall_detail{ border:1px solid #abdde3; background:#0fa0b3; color:#fff; font-size:14px; font-weight:bold; width:100px; height:34px; line-height:32px; display:inline-block; text-align:center; margin-top:39px;}
.mall_sub_main .dps_main_visual span.btn_mall_detail{ cursor:pointer}
.mall_sub_main .dps_main_visual .btn_mall_detail:hover{ background:#05859c; border:1px solid #abdde3}
.mall_sub_main .dps_main_visual .visual_navi{ position:absolute; height:10px; width:150px; top:30px; left:180px; overflow:hidden;}
.mall_sub_main .dps_main_visual .visual_navi ul{ float:right;}
.mall_sub_main .dps_main_visual .visual_navi li{ float:left}
.mall_sub_main .dps_main_visual .visual_navi li a{ float:left; width:10px; height:10px; text-indent:-9999px; display:inline-block; margin-left:10px; background:url(/images/mall_new/bg_visual_navi.png) no-repeat -20px 0 }
.mall_sub_main .dps_main_visual .visual_navi li a.on{ background-position:0 0}
/* EOD : 2017.03.28 css 추가 */
.mall_sub_main .mall_main_visual .visual_control a{ display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_sub_main .mall_main_visual .visual_control a.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -1px}
.mall_sub_main .mall_main_visual .visual_control a.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -59px}
.mall_sub_main .mall_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -30px}
.mall_sub_main .mall_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -88px}
.mall_sub_main .mall_main_visual .visual_control {position:relative; z-index:9;}
.mall_sub_main .mall_main_visual .visual_control a.stop, .mall_sub_main .mall_main_visual .visual_control a.play {display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_sub_main .mall_main_visual .visual_control span { display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_sub_main .mall_main_visual .visual_control span a {display:block; width:100%; height:100%;}
.mall_sub_main .mall_main_visual .visual_control span:after {display:none;}
.mall_sub_main .mall_main_visual .visual_control span.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -1px}
.mall_sub_main .mall_main_visual .visual_control span.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -59px}
.mall_sub_main .mall_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -30px}
.mall_sub_main .mall_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -88px}

.mall_sub_main .mall_main_visual .visual_control {position:relative; z-index:9;}
.mall_sub_main .mall_main_visual .visual_control a.stop, .mall_sub_main .mall_main_visual .visual_control a.play {display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_sub_main .mall_main_visual .visual_control span { display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_sub_main .mall_main_visual .visual_control span a {display:block; width:100%; height:100%;}
.mall_sub_main .mall_main_visual .visual_control span:after {display:none;}
.mall_sub_main .mall_main_visual .visual_control span.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -1px}
.mall_sub_main .mall_main_visual .visual_control span.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -59px}
.mall_sub_main .mall_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -30px}
.mall_sub_main .mall_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/btn_visual.png) no-repeat 50% -88px}

.mall_main_content{ margin-top:20px;}
.mall_main_content .cont_section01{ height:160px; background:url(/images/mall_new/bg_cont_section01.gif) no-repeat 0 0; position:relative}
.mall_main_content .cont_section01 .main_search{ float:left; width:545px }
.mall_main_content .cont_section01 .main_search dl{ padding:21px 30px 25px 30px}
.mall_main_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_main_content .cont_section01 .main_search dl dd{ position:relative}
.mall_main_content .cont_section01 .main_search .product_inputarea{ background:url(/images/mall_new/bg_product_inputarea.png) no-repeat 0 0; width:409px; height:38px;}
.mall_main_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:38px; width:115px; margin:0 5px; padding:2px 0 6px 5px;}
.mall_main_content .cont_section01 .main_search .product_inputarea .inputText{height:38px; width:280px; border:0 none; line-height:38px;}
.mall_main_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.btn_main_search{ position:absolute; right:0; top:0; background:url(/images/mall_new/btn_main_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer }
.btn_main_detail_search{  position:absolute; right:0; top:0;background:url(/images/mall_new/btn_main_detail_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer }
.btn_main_l_search{ background:url(/images/mall_new/btn_main_search01.png) no-repeat 0 0; width:80px; height:38px; display:inline-block; font-size:14px; font-weight:bold; line-height:36px; color:#fff}
.btn_main_l_close{ background:url(/images/mall_new/btn_main_search02.png) no-repeat 0 0; width:80px; height:38px; display:inline-block; font-size:14px; font-weight:bold; line-height:36px; color:#666}
.mall_main_content .cont_section01 .main_banner{ float:left; overflow:hidden; width:435px;}
.mall_main_content .cont_section01 .main_banner li{ float:left; width:145px; height:80px}
.mall_main_content .cont_section01 .main_banner li a{ display:block; padding:20px 20px; font-size:13px; color:#666; vertical-align:top; line-height:18px;}
.mall_main_content .cont_section01 .main_banner li em{ display:inline-block; margin-left:12px; vertical-align:top}
.mall_main_content .cont_section01 .main_banner li span{ vertical-align:bottom}
.mall_main_content .cont_section01 .main_banner li.img01 span{ display:inline-block; width:36px; height:35px;  background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 0; }
.mall_main_content .cont_section01 .main_banner li.img02 span{ display:inline-block; width:36px; height:33px; background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 -95px}
.mall_main_content .cont_section01 .main_banner li.img03 span{ display:inline-block; width:36px; height:33px; background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 -188px}
.mall_main_content .cont_section01 .main_banner li.img04 span{ display:inline-block; width:36px; height:33px; background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 -281px}
.mall_main_content .cont_section01 .main_banner li.img05 span{ display:inline-block; width:36px; height:38px; background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 -374px}
.mall_main_content .cont_section01 .main_banner li.img06 span{ display:inline-block; width:36px; height:37px; background:url(/images/mall_new/ico_main_banner.gif) no-repeat 0 -466px}
.mall_main_content .cont_section02{ margin-top:28px; overflow:hidden; position:relative}
.mall_main_content .cont_section02 .product_select{ float:left; width:545px; overflow:hidden}
.mall_main_content .cont_section02 .product_select dt{font-size:20px; color:#333; float:left; width:135px}
.mall_main_content .cont_section02 .product_select dt span{ display:block; color:#666; font-size:13px; line-height:18px; position:relative; padding-top:45px;}
.mall_main_content .cont_section02 .product_select dt span:before{width:30px; height:2px; background:#0fa0b3; position:absolute; top:20px; left:0; content: '';}
.mall_main_content .cont_section02 .product_select dd { float:left}
.mall_main_content .cont_section02 .product_select dd li{ float:left; width:134px; text-align:center;}
.mall_main_content .cont_section02 .product_select dd li a{ display:block;  font-size:13px; padding-top:83px}
.mall_main_content .cont_section02 .product_select dd li.img01 a{ background:url(/images/mall_new/bg_product_select.gif) no-repeat 50% 4px}
.mall_main_content .cont_section02 .product_select dd li.img02 a{ background:url(/images/mall_new/bg_product_select.gif) no-repeat 50% -101px}
.mall_main_content .cont_section02 .product_select dd li.img03 a{ background:url(/images/mall_new/bg_product_select.gif) no-repeat 50% -208px}
.mall_main_content .cont_section02 .mall_news{ float:left; width:435px;}
.mall_main_content .cont_section02 .mall_news dl{ padding-left:20px; position:relative} /* 2017.03.06 padding 수정 */
.mall_main_content .cont_section02 .mall_news dl dt{font-size:20px; color:#333; margin-bottom:15px;}
.mall_main_content .cont_section02 .mall_news dl dd li { position:relative; padding-left:10px;}
.mall_main_content .cont_section02 .mall_news dl dd li:before{width:2px; height:2px; background:#777777; position:absolute; top:10px; left:0; content: '';}
.mall_main_content .cont_section02 .mall_news dl dd li span{ position:absolute; right:10px; top:0; font-size:13px; color:#666}
.mall_main_content .cont_section02 .mall_news dl dd li a{ font-size:14px; color:#666; display:inline; position:relative; }
.mall_main_content .cont_section02 .mall_news dl dd li a:hover:after{width:100%; height:1px; background:#666; position:absolute; bottom:-1px; left:0; content: '';}
.mall_main_content .cont_section02 .mall_news dl dd li img{ padding-left:10px;}
.mall_main_content .cont_section02 .mall_news dl dd .board_more{ position:absolute; right:10px; top:0; font-size:0; width:23px; height:19px; background:url(/images/mall_new/btn_board_more.gif) no-repeat 0 0}

/*카드 서브메인*/
.card_main_wrap{ overflow:hidden; width:960px; margin:0 auto}
.card_main_wrap ul{ overflow:hidden; margin-bottom:53px;}
.card_main_wrap li{ float:left; width:280px; margin-right:60px;}
.card_main_wrap li.last{ margin-right:0}
.card_main_wrap li dt{ margin-bottom:20px;}
.card_main_wrap li dt a{ font-size:20px; font-weight:bold; color:#333;}
.card_main_wrap li dd{ position:relative}
.card_main_wrap li dd img:hover{ cursor:pointer}
.card_main_wrap li dd div{ position:absolute; left:0; top:0; width:280px; height:180px; display:block; cursor:pointer; background:url(/images/mall_new/bg_card_hover.png) no-repeat 0 0; z-index:9999;}
.card_main_wrap li dd em{ display:block; width:40px; height:50px; background:url(/images/mall_new/ico_best.png) no-repeat 0 0; text-indent:-99999px; position:absolute; left:0; top:0; z-index:100}
.card_main_wrap li dd div p{ text-align:center; position:absolute; left:0; top:72px; margin-left:-3px; width:100%}
.card_main_wrap li dd div p .btn_card_w {margin-left:1px; margin-right:2px}
.btn_card_detail{ display:inline-block; width:80px; height:32px; line-height:30px;  background:url(/images/mall_new/btn_card_main.png) no-repeat 0 0; text-align:center; color:#fff; font-weight:bold; font-size:14px; vertical-align:top}
.btn_card_detail:hover{ display:inline-block; width:80px; height:32px;  background:url(/images/mall_new/btn_card_main.png) no-repeat 0 -35px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
.btn_card_w{display:inline-block; width:80px; height:32px; line-height:30px;  background:url(/images/mall_new/btn_card_main.png) no-repeat -85px 0; text-align:center; color:#fff; font-weight:bold; font-size:14px; vertical-align:top}
.btn_card_w:hover{display:inline-block; width:80px; height:32px;  background:url(/images/mall_new/btn_card_main.png) no-repeat -85px -35px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
.btn_card_f{ background:url(/images/mall_new/btn_card_main.png) no-repeat -170px 0; width:32px; height:32px; display:inline-block; font-size:0; vertical-align:top}
.btn_card_f:hover{ background:url(/images/mall_new/btn_card_main.png) no-repeat -170px -35px; width:32px; height:32px; display:inline-block;}
.card_main_wrap .card_txt{ color:#666; font-size:14px; display:block; text-align:center; margin-top:14px;}
.card_board{ width:960px; margin:0 auto; height:60px; background:url(/images/mall_new/bg_card_board.gif) no-repeat 0 0}
.card_board dl{ padding:20px 0; overflow:hidden}
.card_board dl dt{ font-size:16px; color:#333; text-indent:25px; float:left; width:220px; position:relative}
.card_board dl dd{ float:left; width:740px;}
.card_board dl dd li{ float:left; width:322px; position:relative; margin-right:40px; padding-left:8px;}
.card_board dl dd li:before{width:3px; height:3px; background:#595959; position:absolute; top:10px; left:0; content: '';}
.card_board dl dd li a{ position:relative}
.card_board dl dd li a:hover:after{width:100%; height:1px; background:#333; position:absolute; bottom:-1px; left:0; content: '';}
.card_board dl dd li span{ position:absolute; right:0; top:0; color:#666}
.card_board dl dt .board_more{ position:absolute; right:20px; top:2px; width:23px; height:19px; background:url(/images/mall_new/btn_board_more.gif) no-repeat 0 0;  font-size:0;}

.mall_main_content{ margin-top:20px;}
.mall_main_content .cont_section01{ height:160px; background:url(/images/mall_new/bg_cont_section01.gif) no-repeat 0 0; position:relative}
.mall_main_content .cont_section01 .main_search{ float:left; width:545px }
.mall_main_content .cont_section01 .main_search dl{ padding:21px 30px 25px 30px}
.mall_main_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_main_content .cont_section01 .main_search dl dd{ position:relative}
.mall_main_content .cont_section01 .main_search .product_inputarea{ background:url(/images/mall_new/bg_product_inputarea.png) no-repeat 0 0; width:409px; height:38px;}
.mall_main_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:38px; width:115px; margin:0 5px; padding:2px 0 6px 5px;}
.mall_main_content .cont_section01 .main_search .product_inputarea .inputText{height:38px; width:225px; border:0 none; line-height:38px;}
.mall_main_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.btn_main_search{ position:absolute; right:0; top:0; background:url(/images/mall_new/btn_main_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer }
	/* 카드 상품검색 */
.mall_crc_main_content {width:960px; margin:0 auto}
.mall_crc_main_content .main_search {position:relative; float:left; width:470px; height:120px; background:url(/images/mall_new/crc/bg_cont_section01.gif) no-repeat 0 0}
.mall_crc_main_content .main_search dl {padding:18px 30px 25px 20px}
.mall_crc_main_content .main_search dl dt {margin-bottom:17px; font-size:16px; color:#333}
.mall_crc_main_content .main_search dl dt .product_txt {margin-top:14px; margin-left:7px; font-size:13px; color:#666}
.mall_crc_main_content .main_search dl dd {position:relative; margin-left:2px}
.mall_crc_main_content .main_search .product_inputarea {width:352px; height:38px; background:url(/images/mall_new/crc/bg_product_inputarea.png) no-repeat 0 0}
.mall_crc_main_content .main_search .product_inputarea .inputText {height:38px; width:215px; padding:8px 0 15px 10px; border:0 none}
.mall_crc_main_content .main_search .product_inputarea .select {width:120px; height:38px; margin:0 5px 0 3px; padding:3px 3px 6px 5px; border:0 none}
.mall_crc_main_content .btn_main_search {position:absolute; cursor:pointer; width:70px; height:38px; top:0; right:-9px; padding:0; margin:0; font-size:14px; font-weight:bold; border:0 none; background:url(/images/mall_new/crc/btn_main_search.png) no-repeat 0 0}
	/* 카드 이벤트/소식 */
.mall_crc_main_content .mall_crc_news {position:relative; float:left; width:470px; height:120px; margin-left:20px; background:url(/images/mall_new/crc/bg_cont_section02.gif) no-repeat 0 0}
.mall_crc_main_content .mall_crc_news dl { padding:17px 20px 20px 21px; position:relative}
.mall_crc_main_content .mall_crc_news dl dt {font-size:16px; color:#333; margin-bottom:13px}
.mall_crc_main_content .mall_crc_news dl dd li { position:relative; padding-left:13px; margin-top:2px}
.mall_crc_main_content .mall_crc_news dl dd li:before {display:inline-block; position:absolute; content: ''; width:4px; height:4px; top:10px; left:1px; background:url(/images/mall_new/crc/bg_bullet.gif) no-repeat 0 0}
.mall_crc_main_content .mall_crc_news dl dd li span { position:absolute; right:0px; top:0; font-size:14px; color:#666; letter-spacing:0.2px}
.mall_crc_main_content .mall_crc_news dl dd li a { font-size:14px; color:#333; display:inline; position:relative; letter-spacing: -1.2px;}
.mall_crc_main_content .mall_crc_news dl dd li a:hover:after {width:100%; height:1px; background:#333; position:absolute; bottom:-1px; left:0; content: '';}
.mall_crc_main_content .mall_crc_news dl dd li img { padding-left:10px;}
.mall_crc_main_content .mall_crc_news dl dd .board_more {position:absolute; top:20px; right:21px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/lon/btn_board_more.gif) no-repeat 0 0}
	
.select_area {overflow:hidden; width:100%;}
.select_area select {float:left;}
.select_area .txt {display:inline-block; float:left; vertical-align:middle; margin:5px 10px 0 5px;}


/*펀드메인*/
.fund_sub_main{ width:100%; overflow:hidden}
.fund_visual_wrap{ width:100%; height:439px; background:#edf2fb url(/images/mall_new/bg_fund_main.jpg) no-repeat 50% 0}
.fund_visual_wrap .fund_wrap{ width:980px; height:439px; margin:0 auto; position:relative}
.fund_visual_wrap .fund_wrap h3{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden; padding:0; margin:0;}
.fund_visual_wrap .fund_wrap h3 em{ color:#bbe3ed; font-family:Tahoma; font-weight:bold}
.fund_visual_wrap .fund_wrap h3 span{ font-size:16px; color:#fff; display:block; line-height:22px; margin-top:11px;}
.fund_visual_wrap .fund_wrap .bg_fund{ background:url(/images/mall_new/bg_fun_data_wrap.png) no-repeat 0 0; width:818px; height:349px; position:absolute; left:180px; top:50px}
.fund_visual_wrap .fund_wrap .bg_fund_data{ padding:10px 30px 30px 50px; overflow:hidden; }
.fund_visual_wrap .fund_wrap .bg_fund_data ul { background:url(/images/mall_new/bg_fund_line.gif) repeat-x 0 100%; overflow:hidden; }
.fund_visual_wrap .fund_wrap .bg_fund_data ul li{ float:left; width:100px; margin-right:20px; text-align:center; position:relative; }
.fund_visual_wrap .fund_wrap .bg_fund_data ul li a{ display:inline-block; height:58px; line-height:48px; font-size:16px; color:#888;}
.fund_visual_wrap .fund_wrap .bg_fund_data ul li a:hover{ color:#3da9c4}
.fund_visual_wrap .fund_wrap .bg_fund_data ul li.selected a{ color:#3da9c4; font-weight:bold; font-size:18px; display:inline-block}
.fund_visual_wrap .fund_wrap .bg_fund_data ul li.selected:after{width:100px; height:3px; background:url(/images/mall_new/bg_fund_tab.gif) no-repeat 0 0; position:absolute; bottom:0px; left:0px; content: ''; }
.btn_fund_ban{ position:absolute; left:1px; top:297px; width:180px;}
.btn_fund_ban li{ height:40px; background:url(/images/mall_new/btn_fund_ban.png) no-repeat 0 0}
.btn_fund_ban li a{ display:block; width:100%; height:40px}
.btn_fund_ban li a span{ color:#333; font-size:13px; font-weight:bold; display:block; padding:8px 0 0 37px;}
.btn_fund_ban li.ban02{ background-position:0 -45px; margin-top:5px;}
.f_data_list li dl{ overflow:hidden}
.f_data_list li{ margin-top:18px;}
.f_data_list li:first-child{ margin-top:29px;}
/* .f_data_list li dl dt{ float:left} */
.f_data_list li dl dt{float:left; overflow:hidden; width:630px; white-space:nowrap; text-overflow:ellipsis}
.f_data_list li dl dt span {position:relative}
.f_data_list li dl dt span.num{ width:20px; height:20px; display:inline-block; text-align:center; font-size:13px; font-weight:bold; background:url(/images/mall_new/bg_f_data_list_num.png) no-repeat 0 -45px; color:#fff; line-height:18px; vertical-align:middle}
.f_data_list li dl dt span.num_r{ width:20px; height:20px; display:inline-block; text-align:center; font-size:13px; font-weight:bold; background:url(/images/mall_new/bg_f_data_list_num.png) no-repeat 0 0; color:#fff; line-height:18px; vertical-align:middle}
.f_data_list li dl dt span.p_data{ width:84px; text-align:center; color:#707070; font-size:16px; font-weight:bold; display:inline-block; font-family:Tahoma; letter-spacing:0 ; line-height:22px;}
.f_data_list li dl dt span.p_data_r{ width:84px; text-align:center; color:#e7355b;  font-size:16px; font-weight:bold; display:inline-block; font-family:Tahoma; letter-spacing:0 ; line-height:22px;}
.f_data_list li dl dt span.f_txt{ background:#f1f1f1; width:125px; height:24px; display:inline-block; padding:0 10px; margin-right:15px; }
.f_data_list li dl dd{ float:right}
.btn_fund_detail{ display:inline-block; width:78px; height:30px; background:url(/images/mall_new/bgn_fund_detail.gif) no-repeat 0 0; text-align:center; color:#fff; font-size:14px; font-weight:bold; line-height:28px;}
.btn_fund_more{ display:inline-block;  background:url(/images/mall_new/btn_board_more.gif) no-repeat 100% 0; font-size:13px; font-weight:bold; color:#333; padding-right:30px; height:20px; line-height:18px; position:absolute; right:30px; top:24px}
.fund_section{ width:970px; margin:0 auto; overflow:hidden; margin-top:36px;}
.fund_section li{ float:left; margin-left:54px; width:287px; overflow:hidden;}
.fund_section li.type01 {width:286px;}
.fund_section li:first-child{ margin-left:0}
.fund_section li h3{ color:#333; font-size:20px; letter-spacing:-2px;}
.fund_section .fund_info{ width:287px; position:relative}
.fund_section .fund_info .f_tab{ overflow:hidden; margin:28px 0 4px;}
.fund_section .fund_info .f_tab li{ width:140px; background:#f4f4f4; border:1px solid #e5e5e5; margin-left:0 }
.fund_section .fund_info .f_tab li:first-child{ margin-right:3px;}
.fund_section .fund_info .f_tab li a{ display:block; height:31px; line-height:30px; text-align:center; color:#888888;}
.fund_section .fund_info .f_tab li.selected{background:#779096; border:1px solid #779096;}
.fund_section .fund_info .f_tab li.selected a{ font-weight:bold; color:#fff}
.fund_section .fund_info .fund_boad{  overflow:hidden}
.fund_section .fund_info .fund_boad li{ float:none; margin-left:0; padding-left:10px; position:relative; width:267px;}
.fund_section .fund_info .fund_boad li a{  text-overflow:ellipsis; width:100%; white-space:nowrap; overflow:hidden; display:block; color:#666; line-height:24px; letter-spacing:-1.4px; }
.fund_section .fund_info .fund_boad li:before{width:2px; height:2px; background:#777777; position:absolute; top:13px; left:0px; content: ''; }
.fund_section .fund_info .fund_boad .btn_f_board_more{ position:absolute; right:0; top:3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/btn_board_more.gif) no-repeat 0 0}
.fund_section .fund_gongsi {position:relative;}
.fund_section .fund_gongsi .btn_f_board_more{ position:absolute; right:0; top:3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/btn_board_more.gif) no-repeat 0 0}
.fund_section .fund_search_wrap{ width:287px}
.fund_section .fund_search_wrap div {color:#666; background:url(/images/mall_new/ico_fund_main01.png) no-repeat 100% 100%; line-height:17px; margin-top:26px; letter-spacing:-1.4px;}
.fund_section .fund_search_wrap div p {margin-top:27px;}
.fund_section .fund_gongsi{ width:287px}
.fund_section .fund_gongsi ul {margin-top:25px;}
.fund_section .fund_gongsi ul li {margin-left:0px; position:relative; padding-left:10px; margin-bottom:8px;}
.fund_section .fund_gongsi ul li:after {width:2px; height:2px; background:#777777; position:absolute; top:13px; left:0px; content: '';}
.fund_section .fund_gongsi ul li a {color:#666; float:left; overflow:hidden; letter-spacing:-1.4px; white-space:nowrap;text-overflow:ellipsis; max-width:255px; }
.fund_section .fund_gongsi ul li em {float:left; margin-left:6px; padding-top:6px;}
.fund_section .ico_fund_wrap{ overflow:hidden; position:relative}
.fund_section .ico_fund_wrap li{ float:left; width:115px; text-align:center; height:155px; position:relative; margin-left:25px;}
.fund_section .ico_fund_wrap li:first-child{ margin-left:20px}
.fund_section .ico_fund_wrap:after{width:1px; height:155px; background:#d5d5d5; position:absolute; top:0; left:148px; content: '';}
.fund_section .ico_fund_wrap li.ico_fund01{ background:url(/images/mall_new/ico_fund01.gif) no-repeat 50% 50px}
.fund_section .ico_fund_wrap li.ico_fund01 p{ font-size:12px; color:#666; line-height:14px; position:absolute; bottom:0; width:115px;}
.fund_section .ico_fund_wrap li.ico_fund02{ background:url(/images/mall_new/ico_fund02.gif) no-repeat 50% 50px;}
.fund_section .ico_fund_wrap li.ico_fund02 p{ font-size:12px; color:#666; line-height:14px; position:absolute; bottom:0;  width:115px;}
.fund_section .ico_fund_wrap li h3 a{ font-size:16px; font-weight:bold; color:#333; line-height:18px; background:url(/images/mall_new/ico_fund_arrow.gif) no-repeat 100% 7px; padding-right:12px;}

/*금융상품몰 메인*/
.mall_main{position:relative; overflow:hidden}
.mall_main_wrap{position:relative;}
.mall_main_visual{ height:295px; width:100%;  position:relative; overflow:hidden}
/*.mall_main_visual li a{ display:block; position:absolute; width:102px; height:32px; left:68px; bottom:32px; }*/
.main_visual01{ height:295px; background:#f4fcef url(/images/mall_new/bg_main_visual01.jpg) no-repeat 50% 0; width:100%;}
.main_visual01 .mall_main_data{ width:980px; height:290px; margin:0 auto; position:relative; overflow:hidden}
.main_visual01 .mall_main_data .btn_detail_view{border: 1px solid #666666;line-height: 30px;font-size: 14px;color: #666;font-weight: bold;display: block;text-align: center;position: absolute;width: 102px;height: 32px;left: 68px;bottom: 49px;}
.main_visual01 .mall_main_data dt{position: absolute;top: 66px;left:68px;color: #333;}
.main_visual01 .mall_main_data dt > div{font-size:34px;color:#2b6f53;line-height:50px;letter-spacing:-3px;}
.main_visual01 .mall_main_data dt > div > b{color:#034844;}
.main_visual01 .mall_main_data dd{position: absolute;color: #333;font-size:15px;top:145px;left:70px;}
.main_visual01 .mall_main_data dd > b{font-size:16px;font-weight:bold;}
.main_visual02{ height:295px; background:#f4f9fd url(/images/mall_new/bg_main_visual02.jpg) no-repeat 50% 0; width:100%;}
.main_visual02 .mall_main_data{ width:980px; height:290px; margin:0 auto; position:relative; overflow:hidden}
.main_visual02 .mall_main_data dl{ position:absolute; top:64px; left:57px;}
.main_visual02 .mall_main_data dl dt{ font-size:34px; color:#5d606c; letter-spacing:-3px; margin-bottom:10px; line-height:38px;}
.main_visual02 .mall_main_data dl dt span{ color:#2a497c; display:block}
.main_visual02 .mall_main_data dl dd{ font-size:15px; color:#333; line-height:20px;}
.main_visual02 .mall_main_data span.btn_detail_view{ cursor:pointer}
.main_visual02 .mall_main_data .btn_detail_view{ border:1px solid #666666; width:102px; height:32px; line-height:30px; font-size:14px; color:#666; font-weight:bold; display:block; text-align:center; position:absolute; width:102px; height:32px; left:58px; bottom:40px;}
.main_visual03{height:295px;background:#e4f5ff url(/images/mall_new/bg_main_visual03.jpg) no-repeat 50% 0;width:100%;}
.main_visual03 .mall_main_data{width:980px;height:290px;margin:0 auto;position:relative;overflow:hidden}
.main_visual03 .mall_main_data dl{}
.main_visual03 .mall_main_data dl dt{font-size:0;}
.main_visual03 .mall_main_data dl dd{font-size:0;}
.main_visual03 .mall_main_data span.btn_detail_view{cursor:pointer}
.main_visual03 .mall_main_data .btn_detail_view{width:160px;height:42px;font-size:0;display:block;position:absolute;left:70px;bottom:72px;border:0;}
.main_visual04{ height:295px; background:#f8ecff url(/images/mall_new/bg_main_visual04.jpg) no-repeat 50% 0; width:100%;}
.main_visual04 .mall_main_data{width:980px;height:290px;margin:0 auto;position:relative;overflow:hidden}
.main_visual04 .mall_main_data dl{}
.main_visual04 .mall_main_data dl dt{font-size:0;}
.main_visual04 .mall_main_data dl dd{font-size:0;}
.main_visual04 .mall_main_data span.btn_detail_view{cursor:pointer}
.main_visual04 .mall_main_data .btn_detail_view{width:160px;height:42px;font-size:0;display:block;position:absolute;left:68px;bottom:82px;border:0;}
.main_visual05{height:295px;background: #fff url(/images/mall_new/bg_main_visual05.jpg) no-repeat 50% 0;width:100%;}
.main_visual05 .mall_main_data{width: 980px;height: 290px;margin: 0 auto;position: relative;overflow: hidden;}
.main_visual05 .mall_main_data .btn_detail_view{border: 1px solid #666666;line-height: 30px;font-size: 14px;color: #666;font-weight: bold;display: block;text-align: center;position: absolute;width: 102px;height: 32px;left: 68px;bottom: 66px;}
.main_visual05 .mall_main_data dt{position: absolute;top: 66px;left:68px;color: #333;}
.main_visual05 .mall_main_data dt > span{font-size: 15px;letter-spacing:-1.4px;}
.main_visual05 .mall_main_data dt > span > span{font-size: 17px;font-weight:bold;}
.main_visual05 .mall_main_data dt > div{font-size:34px;color:#0068b7;line-height:43px;letter-spacing:-3px;}
.main_visual05 .mall_main_data dt > div > b{color:#000000;font-weight:bold;}
.main_visual05 .mall_main_data dd{position: absolute;top: 66px;left:68px;color: #333;font-size:15px;top:137px;left:70px;}
.main_visual05 .mall_main_data dd > b{font-size:16px;font-weight:bold;}
.main_visual06{height:295px;background: #e6f3f9 url(/images/mall_new/bg_main_visual06.jpg) no-repeat 50% 0;width:100%;}
.main_visual06 .mall_main_data{width: 980px;height: 290px;margin: 0 auto;position: relative;overflow: hidden;}
.main_visual06 .mall_main_data .btn_detail_view{border: 1px solid #666666;line-height: 30px;font-size: 14px;color: #666;font-weight: bold;display: block;text-align: center;position: absolute;width: 102px;height: 32px;left: 68px;bottom: 49px;}
.main_visual06 .mall_main_data dt{position: absolute;top: 66px;left:68px;color: #333;}
.main_visual06 .mall_main_data dt > span{font-size: 20px;letter-spacing:-1.5px;}
.main_visual06 .mall_main_data dt > span > span{font-size: 20px;font-weight:bold;}
.main_visual06 .mall_main_data dt > div{font-size:34px;color:#0068b7;line-height:50px;letter-spacing:-3px;font-weight:bold;}
.main_visual06 .mall_main_data dt > div > b{color:#000000;}
.main_visual06 .mall_main_data dd{position: absolute;top: 66px;left:68px;color: #333;font-size:15px;top:137px;left:70px;}
.main_visual06 .mall_main_data dd > b{font-size:16px;font-weight:bold;}
.main_visual08{height:295px;background: #fef7c1 url(/images/mall_new/bg_main_visual08.jpg) no-repeat 50% 0;width:100%;}
.main_visual08 .mall_main_data{width: 980px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
.main_visual08 .mall_main_data dl{position:relative;width:824px;height:290px;margin:0 auto;}
.main_visual08 .mall_main_data dd{position:absolute;top:222px;}
.main_visual08 .mall_main_data dl a.goto08_01 {position:absolute;left:-41px;width:210px;height:38px;margin:0;font-size:0;}
.main_visual08 .mall_main_data dl a.goto08_02 {position:absolute;left:172px;width:210px;height:38px;margin:0;font-size:0;}
.main_visual09{height:295px;background: #fee5e1 url(/images/mall_new/bg_main_visual09.jpg) no-repeat 50% 0;width:100%;}
	.main_visual09 .mall_main_data{width: 980px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
	.main_visual09 .mall_main_data dl{position:relative;width:824px;height:290px;margin:0 auto;}
	.main_visual09 .mall_main_data dd{position:absolute;top:143px;}
	.main_visual09 .mall_main_data dl a.goto09_01 {position:absolute;left:0;width:200px;height:38px;margin:0;font-size:0;}
.main_visual10{ height:295px; background:#f4fcef url(/images/mall_new/bg_main_visual10.jpg) no-repeat 50% 0; width:100%;}
.main_visual10 dt,.main_visual10 dd{font-size:0}
.main_visual10 .mall_main_data{ width:980px; height:290px; margin:0 auto; position:relative; overflow:hidden}
.main_visual10 .mall_main_data .btn_detail_view{width:164px; height:40px;font-size:0; display:block;position:absolute;left:68px; bottom:75px;}
.main_visual11{ height:295px; background:#fffbe1 url(/images/mall_new/main_visual11.jpg) no-repeat 50% 0; width:100%;}
.main_visual11 dt,.main_visual11 dd{font-size:0}
.main_visual11 .mall_main_data{ width:980px; height:290px; margin:0 auto; position:relative; overflow:hidden}
.main_visual11 .mall_main_data .btn_detail_view{width:277px; height:40px;font-size:0; display:block;position:absolute;left:28px; bottom:47px;}
.main_visual_control{width:980px; margin:0 auto; position:absolute; left:50%; margin-left:-490px; top:113px;}
.main_visual_control a{ display:block; background:url(/images/mall_new/btn_visul_arrow.png) no-repeat 0 0; width:23px; height:44px;}
.main_visual_control a.btn_pre{ background-position:0 0; position:absolute; left:0; top:0}
.main_visual_control a.btn_next{ background-position:0 -77px;  position:absolute; right:0; top:0}
.main_visual_control02 {width:980px; margin:0 auto; position:absolute; z-index:10; left:50%; margin-left:-490px; top:113px;}
.main_visual_control02 span { display:block; width:23px; height:44px;}
.main_visual_control02 span a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-500px; background:url(/images/mall_new/btn_visul_arrow.png) no-repeat 0 0;}
.main_visual_control02 span.btn_pre {position:absolute; left:0; top:0}
.main_visual_control02 span.btn_next {position:absolute; right:0; top:0}
.main_visual_control02 span.btn_pre a { background-position:0 0;}
.main_visual_control02 span.btn_next a { background-position:0 -77px;  position:absolute; right:0; top:0}

.main_product_search{ background:#017896; width:980px; height:63px; overflow:hidden; margin:0 auto}
.main_product_search dl{ overflow:hidden; padding:17px 40px 16px 40px; border:1px solid #017896; }
.main_product_search dt{ float:left; font-size:21px; font-weight:bold; color:#fff; vertical-align:top; position:relative; padding-left:10px;}
.main_product_search dt:before{content: ''; width:3px; height:14px; background:#c3d7dc; position:absolute; top:6px; left:0;}
.main_product_search dt span{ display:inline-block; font-size:13px; font-weight:normal; vertical-align:middle; margin-left:11px; margin-top:-1px}
.main_product_search dd{ float:right}
.main_product_search dd .main_inputarea{ float:left; margin-top:-1px;}
.main_product_search dd .main_inputarea .main_inputarea_box {display:inline-block; width:120px; background:#fff}
.main_product_search dd .main_inputarea .select{ border:0 none; height:29px; width:115px; margin:1px 2px 0 0; padding:2px 0 6px 5px;}
.main_product_search dd .main_inputarea .inputText{height:30px; width:360px; border:0 none; line-height:28px;}
.main_product_search dd .btn_mall_search{ display:inline-block; width:76px; height:30px; background:url(/images/mall_new/btn_mall_search.png) no-repeat 0 0; color:#fff; text-align:center; border:0 none; cursor:pointer; line-height:28px; margin-left:5px; vertical-align:top; font-weight:bold}
.main_product_search dd .btn_mall_detail{ display:inline-block; width:76px; height:30px; background:url(/images/mall_new/btn_mall_detail.png) no-repeat 0 0; color:#fff; text-align:center; line-height:28px; text-indent:-12px;  vertical-align:top; margin-left:1px}
.main_product_search dd .btn_mall_detail.on{ background-position:0 -40px; }
.main_detail_serach{ width:978px; position:absolute; left:50%; top:353px; margin-left:-490px; height:242px; background:#fff; border:1px solid #017896; z-index:10}
.main_detail_serach ul{ padding:20px 13px 20px 13px; overflow:hidden}
.main_detail_serach ul li{ float:left; width:180px; border:1px solid #ededed; background:#fff; height:200px; margin-left:10px}
.main_detail_serach ul li:first-child{ margin-left:0}
.main_detail_serach ul li span.check{ display:block}
.main_detail_serach ul li dt{ font-size:0; width:0; height:0}
.main_detail_serach ul li dd{ padding:20px 10px}
.main_detail_serach .btn_main_detail_serach{ text-align:center;}
.main_detail_serach .btn_main_detail_serach a:first-child{ margin-right:1px;}
.main_fpd_go{ width:980px; margin:0 auto; background:url(/images/mall_new/bg_main_fpd_go.gif) no-repeat 50% 0; height:109px;}
.main_fpd_go a{ display:inline-block; width:33%; height:109px; position:relative}
.main_fpd_go a p span{ display:block; color:#666; font-size:12px; font-weight:normal; line-height:16px;}
.main_fpd_go a p{ text-align:right; font-size:22px; font-weight:bold}
.main_fpd_go a p.type01{ position:absolute; top:34px; left:109px }
.main_fpd_go a p.type02{ position:absolute; top:34px; left:55px }
.main_fpd_go a p.type03{ position:absolute; top:34px; left:50px }
.mall_main_section01{ width:980px; margin:0 auto; position:relative}
.mall_main_section01 .product_ban{ width:311px; height:368px; position:relative; overflow:hidden}
.mall_main_section01 .product_ban .ban01 a,.mall_main_section01 .product_ban .ban02 a,.mall_main_section01 .product_ban .ban03 a{ display:block; width:311px; height:368px;}
.mall_main_section01 .product_ban .ban01{ width:311px; height:368px; background:#54696f url(/images/mall_new/img_ban01.gif) no-repeat 0 100%;}
.mall_main_section01 .product_ban .ban01 p{ padding:33px 24px 0 24px; overflow:hidden; color:#fff; font-size:27px;}
.mall_main_section01 .product_ban .ban01 p span{ display:block; line-height:30px;}
.mall_main_section01 .product_ban .ban01 p .ico_per{ color:#fff; width:72px; height:22px; display:block; background:url(/images/mall_new/ico_per.png) no-repeat 0 0; text-align:center; line-height:20px; font-size:13px; margin-bottom:14px;}
.mall_main_section01 .product_ban .sum_txt{ overflow:hidden; padding:10px 24px;}
.mall_main_section01 .product_ban .sum_txt span{ float:left; font-size:14px; color:#fff; position:relative; margin-right:30px;}
.mall_main_section01 .product_ban .sum_txt span:before{content: ''; width:1px; height:14px; background:#fff; position:absolute; top:5px; left:-15px;}
.mall_main_section01 .product_ban .sum_txt span:first-child:before{ display:none}
.mall_main_section01 .product_ban .ban02{ width:311px; height:368px; background:#54696f url(/images/mall_new/img_ban02.gif) no-repeat 100% 100%;}
.mall_main_section01 .product_ban .ban02 p{ padding:33px 24px 0 24px; overflow:hidden; color:#fff; font-size:27px;}
.mall_main_section01 .product_ban .ban02 p .ico_txt{ color:#fff;  display:block;  font-size:13px; margin-bottom:36px;}
.mall_main_section01 .product_ban .ban02 p span{ display:block; line-height:30px;}
.mall_main_section01 .product_ban .ban02 p .ico_per{ color:#fff; width:72px; height:22px; display:block; background:url(/images/mall_new/ico_per.png) no-repeat 0 0; text-align:center; line-height:20px; font-size:13px; margin-bottom:14px;}
.mall_main_section01 .product_ban .ban03{ width:311px; height:368px; background:#54696f url(/images/mall_new/img_ban03.gif) no-repeat 0 100%;}
.mall_main_section01 .product_ban .ban03 p{ padding:33px 24px 0 24px; overflow:hidden; color:#fff; font-size:27px;}
.mall_main_section01 .product_ban .ban03 p span{ display:block; line-height:30px;}
.mall_main_section01 .product_ban .ban03 p .ico_per{ color:#fff; width:72px; height:22px; display:block; background:url(/images/mall_new/ico_per.png) no-repeat 0 0; text-align:center; line-height:20px; font-size:13px; margin-bottom:14px;}
/*
.mall_main_section01 .product_ban .product_ban_control{ position:absolute; right:17px; top:15px }
.mall_main_section01 .product_ban .product_ban_control a{ background:url(/images/mall_new/product_ban_cotrol.png) no-repeat 0 0; display:inline-block; margin:0 2px}
.mall_main_section01 .product_ban .product_ban_control a.on{ background-position:0 0; width:32px; height:11px;}
.mall_main_section01 .product_ban .product_ban_control a.off{ background-position:-39px 0; width:11px; height:11px;}
*/
.mall_main_section01 .product_ban .product_ban_control{position:absolute; right:17px; top:15px; width:100%;}
.mall_main_section01 .product_ban .product_ban_control .bx-pager {text-align:right;}
.mall_main_section01 .product_ban .product_ban_control .bx-pager .bx-pager-item {display:inline-block;}
.mall_main_section01 .product_ban .product_ban_control a {display:block; overflow:hidden; width:11px; height:11px; margin:0 2px; text-indent:200px; background:url(/images/mall_new/product_ban_cotrol.png) no-repeat -39px 0;}
.mall_main_section01 .product_ban .product_ban_control a.active {width:32px; height:11px; background-position:0 -1px;}

.m_product01{ width:311px; height:173px; background:#215b6a url(/images/mall_new/ico_m_product01.jpg) no-repeat 100% 100%; position:absolute; left:335px; top:0; display:block; }
.m_product01 dl{ padding:19px 24px;  position:relative}
.m_product01 dl dt{ color:#fff; font-size:21px; margin-bottom:7px;}
.m_product01 dl dd{color:#fff; font-size:13px; line-height:18px;}

.m_detail_area{ position:absolute; left:24px; bottom:-53px}
.m_detail{ display:block; position:relative;  color:#fff; font-size:13px; padding-right:11px;}
.m_detail:hover{ text-decoration:underline}
.m_detail:after{ position:absolute; left:63px; top:6px; height:7px; width:7px; background:url(/images/mall_new/m_detail_arrow.png) 0 0; content:""; display:block; }
.m_product02{ width:311px; height:173px; background:#718e98; position:absolute; right:0; top:0; display:block; }
.m_product02 dl{ padding:19px 20px 19px 24px;  position:relative}
.m_product02 dl dt{ color:#fff; font-size:21px; margin-bottom:7px;}
.m_product02 dl dd{color:#fff; font-size:13px; line-height:18px;}
.m_product03{ width:311px; height:173px; background:#6a6661; position:absolute; left:335px; top:193px; display:block; }
.m_product03 dl{ padding:19px 24px;  position:relative}
.m_product03 dl dt{ color:#fff; font-size:21px; margin-bottom:7px;}
.m_product03 dl dd{color:#fff; font-size:13px; line-height:18px;}
.m_product05{ width:311px; height:173px; background:#808080; position:absolute; right:0; top:193px; display:block; }
.m_product05 dl{ padding:19px 24px;  position:relative}
.m_product05 dl dt{ color:#fff; font-size:21px; margin-bottom:7px;}
.m_product05 dl dd{color:#fff; font-size:13px; line-height:18px;}
.mall_main_section02{ width:980px; margin:20px auto 0; position:relative; height:173px}
.mall_main_section02 li{ position:relative; cursor:pointer; overflow:hidden; width:309px; height:171px; }
.mall_main_section02 .on{ background:url(/images/mall_new/bg_main_section02.png) repeat 0 0; position:absolute; left:0; top:0; width:310px; height:173px;}
.mall_main_section02 .m_product05{ border:1px solid #d6d6d6; width:309px; height:171px; background:#fefefe url(/images/mall_new/ico_m_product05.gif) no-repeat 100% 100%; position:absolute; left:0; top:0 }
.mall_main_section02 .product_link {display:block; width:309px; height:171px;}
.mall_main_section02 .m_product05 dl{ padding:19px 23px; position:relative}
.mall_main_section02 .m_product05 dl dt{ color:#4d4d4d; font-size:20px; display:block;}
.mall_main_section02 .m_product05 dl dt span{ margin-top:10px;}
.mall_main_section02 .m_product05 dl dd{ display:none}
.mall_main_section02 .m_product05 .on dt { color:#fff; font-size:20px;}
.mall_main_section02 .m_product05 .on dd{ color:#fff; font-size:13px; line-height:16px; display:block !important; margin-top:8px}
.plus{ display:block; width:16px; height:16px; background:url(/images/mall_new/ico_plus.png) no-repeat 0 0}
.minu{display:block; width:16px; height:16px; background:url(/images/mall_new/ico_minu.png) no-repeat 0 0; margin-top:12px;  margin-left:2px}
.mall_main_section02 .m_detail_area{ position:absolute; left:24px; bottom:-28px}
.mall_main_section02 .m_product06{ border:1px solid #d6d6d6; width:309px; height:171px; background:#fefefe url(/images/mall_new/ico_m_product06.gif) no-repeat 0 0; position:absolute; left:335px; top:0 }
.mall_main_section02 .m_product06 dl{ padding:19px 23px; position:relative}
.mall_main_section02 .m_product06 dl dt{ color:#4d4d4d; font-size:20px;}
.mall_main_section02 .m_product06 dl dt span{ margin-top:10px;}
.mall_main_section02 .m_product06 dl dd{ display:none}
.mall_main_section02 .m_product06 .on dt { color:#fff; font-size:20px;}
.mall_main_section02 .m_product06 .on dd{ color:#fff; font-size:13px; line-height:16px; display:block !important; margin-top:8px}
.mall_main_section02 .m_product07{ border:1px solid #d6d6d6; width:309px; height:171px; background:#fefefe url(/images/mall_new/ico_m_product07.gif) no-repeat 100% 100%; position:absolute; right:0; top:0 }
.mall_main_section02 .m_product07 dl{ padding:19px 23px; position:relative}
.mall_main_section02 .m_product07 dl dt{ color:#4d4d4d; font-size:20px;}
.mall_main_section02 .m_product07 dl dt span{ margin-top:10px;}
.mall_main_section02 .m_product07 dl dd{ display:none}
.mall_main_section02 .m_product07 .on dt { color:#fff; font-size:20px;}
.mall_main_section02 .m_product07 .on dd{ color:#fff; font-size:13px; line-height:16px; display:block !important; margin-top:8px}
.mall_main_section02 .m_product04{ width:311px; height:173px; background:#f5f5f5 url(/images/mall_new/ico_m_product04.gif) no-repeat 100% 100%; position:absolute; right:0; top:0; display:block; }
.mall_main_section02 .m_product04 dl{ padding:19px 24px;  position:relative}
.mall_main_section02 .m_product04 dl dt{ color:#5e5e5e; font-size:21px; margin-bottom:7px;}
.mall_main_section02 .m_product04 dl dd{color:#5e5e5e; font-size:13px; line-height:18px;}
.mall_main_section02 .m_product04 .btn_m_detail{ width:95px; height:27px; line-height:25px; display:block; text-align:center; color:#fff; font-size:14px; background:#718e98}
.mall_main_section02 .m_product04 .m_detail_area{ position:absolute; left:24px; bottom:-25px}



/*대출 메인*/
.mall_lon_sub_main{width:980px; margin:0 auto; padding-top:30px}
.mall_lon_sub_main .mall_lon_main_visual{ border:1px solid #3f9dc2; height:328px; position:relative}
.mall_lon_sub_main .mall_lon_main_visual .visual01{background:#3f9dc2; height:328px;}
.mall_lon_sub_main .mall_lon_main_visual li{overflow:hidden}
.mall_lon_sub_main .mall_lon_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:328px;}
.mall_lon_sub_main .mall_lon_main_visual .visual_area.visual01 div.img_area{width:630px; height:328px; background:url(/images/mall_new/lon/img_lon_mainvisual01.jpg) no-repeat 0 0;}
.mall_lon_sub_main .mall_lon_main_visual .visual_area a {display:block; width:100%; height:100%;}
.mall_lon_sub_main .mall_lon_main_visual .visual_area div.visual_txt_area{ padding:23px 30px; width:290px;}
.mall_lon_sub_main .mall_lon_main_visual .visual_area div.visual_txt_area dt { font-size:39px; color:#fff; font-weight:normal; line-height:48px; display:block; margin-top:35px; letter-spacing:-1px} 
.mall_lon_sub_main .mall_lon_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:15px; margin-top:32px;}
.mall_lon_sub_main .mall_lon_main_visual span{ display:inline; color:#bae7ff; font-weight:bold; position:relative}
/*.mall_lon_sub_main .mall_lon_main_visual span:after{width:60px; height:2px; background:#fff; position:absolute; bottom:-27px; left:0; content: '';}*/
/* 2017.03.28 css 추가 */
.mall_lon_sub_main .lon_main_visual{position:relative; height:330px; background:url(/images/mall_new/lon/bg_lon.gif) no-repeat 0 0}
.mall_lon_sub_main .lon_main_visual .visual01{/* background:#3f9dc2; */ height:330px;}
.mall_lon_sub_main .lon_main_visual li{overflow:hidden}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:330px;}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 div.img_area01 {width:630px; height:330px; background:url(/images/mall_new/lon/img_lon_mainvisual05.png) no-repeat 0 0;}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 div.img_area02 {width:630px; height:330px; background:url(/images/mall_new/lon/img_lon_mainvisual01.png) no-repeat 0 0;}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 div.img_area03 {width:630px; height:330px; background:url(/images/mall_new/lon/img_lon_mainvisual02.png) no-repeat 0 0;}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 div.img_area04 {width:630px; height:330px; background:url(/images/mall_new/lon/img_lon_mainvisual03.png) no-repeat 0 0;}
.mall_lon_sub_main .lon_main_visual .visual_area.visual01 div.img_area05 {width:630px; height:330px; background:url(/images/mall_new/lon/img_lon_mainvisual04.png) no-repeat 0 0;}
.mall_lon_sub_main .lon_main_visual .visual_area a {/*display:block; width:100%; height:100%;*/}
.mall_lon_sub_main .lon_main_visual .visual_area div.visual_txt_area{ padding:26px 30px; width:290px;}
.mall_lon_sub_main .lon_main_visual .visual_area div.visual_txt_area dt { font-size:34px; color:#fff; font-weight:normal; line-height:40px; display:block; margin-top:22px; letter-spacing:-4px} 
.mall_lon_sub_main .lon_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:14px; margin-top:17px;}
.mall_lon_sub_main .lon_main_visual .visual_area div.visual_txt_area dd .visual_txt { color:#fff; font-size:14px; font-weight:normal; line-height:20px;}
.mall_lon_sub_main .lon_main_visual span{ display:inline; font-size:15px; color:#bae7ff; font-weight:bold; position:relative}
.mall_lon_sub_main .lon_main_visual dl{ position:relative}
.mall_lon_sub_main .lon_main_visual dl:after{width:64px; height:2px; background:#bae7ff; position:absolute; top:-15px; left:0; content: '';}
.mall_lon_sub_main .lon_main_visual .btn_mall_detail {display:inline-block; width:100px; height:34px; margin-top:39px; line-height:32px; font-size:14px; font-weight:bold; text-align:center; color:#fff; border:1px solid #a7cfe4; background:none}
.mall_lon_sub_main .lon_main_visual span.btn_mall_detail { cursor:pointer}
.mall_lon_sub_main .lon_main_visual .btn_mall_detail:hover {border:1px solid #a7cfe4; background:#2974a1}
.mall_lon_sub_main .lon_main_visual .visual_navi {position:absolute; overflow:hidden; width:150px; height:10px; top:31px; left:179px}
.mall_lon_sub_main .lon_main_visual .visual_navi ul {float:right}
.mall_lon_sub_main .lon_main_visual .visual_navi li {float:left}
.mall_lon_sub_main .lon_main_visual .visual_navi li a {float:left; width:10px; height:10px; text-indent:-9999px; display:inline-block; margin-left:10px; background:url(/images/mall_new/lon/bg_visual_navi.png) no-repeat -20px 0} 
.mall_lon_sub_main .lon_main_visual .visual_navi li a.on {background-position:0 0}
/* EOD : 2017.03.28 css 추가 */
.mall_lon_sub_main .mall_lon_main_visual .visual_control {position:relative; z-index:9;}
.mall_lon_sub_main .mall_lon_main_visual .visual_control a.stop, .mall_lon_sub_main .mall_lon_main_visual .visual_control a.play {display:block; border:1px solid #9fcee1; width:22px; height:22px;  font-size:0;}
.mall_lon_sub_main .mall_lon_main_visual .visual_control span { display:block; border:1px solid #87d0d9; width:22px; height:22px;  font-size:0;}
.mall_lon_sub_main .mall_lon_main_visual .visual_control span a {display:block; width:100%; height:100%;}
.mall_lon_sub_main .mall_lon_main_visual .visual_control span:after {display:none;}
.mall_lon_sub_main .mall_lon_main_visual .visual_control span.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/lon/btn_visual.png) no-repeat 50% -1px}
.mall_lon_sub_main .mall_lon_main_visual .visual_control span.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/lon/btn_visual.png) no-repeat 50% -59px}
.mall_lon_sub_main .mall_lon_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/lon/btn_visual.png) no-repeat 50% -30px}
.mall_lon_sub_main .mall_lon_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/lon/btn_visual.png) no-repeat 50% -88px}
.mall_lon_main_content{ margin-top:20px;}
.mall_lon_main_content .cont_section01{ height:159px; background:url(/images/mall_new/lon/bg_cont_section01.gif) no-repeat 0 0; position:relative}
.mall_lon_main_content .cont_section01 .main_search{ float:left; width:545px }
.mall_lon_main_content .cont_section01 .main_search dl{ padding:21px 30px 25px 29px}
.mall_lon_main_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_lon_main_content .cont_section01 .main_search dl dd{ position:relative}
.mall_lon_main_content .cont_section01 .main_search .product_inputarea{ background:url(/images/mall_new/lon/bg_product_inputarea.png) no-repeat 0 0; width:409px; height:38px;}
.mall_lon_main_content .cont_section01 .main_search .product_inputarea .inputText{height:38px; /* width:240px; */ width:280px; border:0 none; line-height:38px;}
.mall_lon_main_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:38px; width:115px; margin:0 5px; padding:2px 0 6px 5px;}
.mall_lon_main_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.mall_lon_main_content .btn_main_search{ position:absolute; right:1px; top:0; background:url(/images/mall_new/lon/btn_main_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer } /* 2017.03.06 이미지 경로 수정 */
/*
.mall_lon_main_content .cont_section01 .main_banner{ float:left; overflow:hidden; width:435px;}
.mall_lon_main_content .cont_section01 .main_banner li{ float:left; width:142px; height:79px}
.mall_lon_main_content .cont_section01 .main_banner li.img02,.mall_lon_main_content .cont_section01 .main_banner li.img05{ float:left; width:147px; height:79px}
.mall_lon_main_content .cont_section01 .main_banner li a{ display:block; padding:20px 0 20px 15px; font-size:13px; color:#666; vertical-align:top; line-height:18px;}
.mall_lon_main_content .cont_section01 .main_banner li em{ display:inline-block; margin-left: 12px; vertical-align:top}
.mall_lon_main_content .cont_section01 .main_banner li span{display:inline-block;background:url(/images/mall_new/lon/ico_main_banner.gif) no-repeat;vertical-align:bottom}
.mall_lon_main_content .cont_section01 .main_banner li.img04 em,.mall_lon_main_content .cont_section01 .main_banner li.img05 em{margin-top:2px}
.mall_lon_main_content .cont_section01 .main_banner li.img01 span{width:41px; height:35px;  background-position:9px 2px; }
.mall_lon_main_content .cont_section01 .main_banner li.img02 span{width:41px; height:33px; background-position:10px -95px}
.mall_lon_main_content .cont_section01 .main_banner li.img03 span{width:45px; height:33px; background-position:9px -188px}
.mall_lon_main_content .cont_section01 .main_banner li.img04 span{width:41px; height:35px; background-position:9px -280px}
.mall_lon_main_content .cont_section01 .main_banner li.img05 span{width:43px; height:39px; background-position:1px -369px}
*/
.mall_lon_main_content .cont_section01 .main_banner{ float:left; overflow:hidden; width:435px;}
.mall_lon_main_content .cont_section01 .main_banner li{ float:left; width:217px; height:78px}
.mall_lon_main_content .cont_section01 .main_banner li a{ display:table; width:203px; padding:15px 0 15px 14px; font-size:13px; color:#666; vertical-align:top; line-height:18px;}
.mall_lon_main_content .cont_section01 .main_banner li em{ display:table-cell; padding-left:6px; vertical-align:middle}
.mall_lon_main_content .cont_section01 .main_banner li span{display:table-cell;background:url(/images/mall_new/lon/ico_main_banner.gif) no-repeat;vertical-align:bottom}
.mall_lon_main_content .cont_section01 .main_banner li.img01 span{width:50px; height:50px;  background-position:10px 9px; }
.mall_lon_main_content .cont_section01 .main_banner li.img02 span{width:50px; height:50px; background-position:11px -86px}
.mall_lon_main_content .cont_section01 .main_banner li.img03 span{width:50px; height:50px; background-position:9px -180px}
.mall_lon_main_content .cont_section01 .main_banner li.img03 em {padding-top:4px}
.mall_lon_main_content .cont_section01 .main_banner li.img04 span{width:50px; height:50px; background-position:9px -275px}
.mall_lon_main_content .cont_section01 .main_banner li.img04 em {padding-top:4px;}
.mall_lon_main_content .cont_section02{ margin-top:28px; overflow:hidden; position:relative}
.mall_lon_main_content .cont_section02 .product_select{ float:left; width:544px;margin-left:-1px; overflow:hidden}
.mall_lon_main_content .cont_section02 .product_select dt{font-size:20px; color:#333; float:left;letter-spacing: -2px; width:135px}
.mall_lon_main_content .cont_section02 .product_select dt span{ display:block; color:#666; font-size:13px; line-height:18px; position:relative; padding-top:45px;letter-spacing:-1px}
.mall_lon_main_content .cont_section02 .product_select dt span:before{width:30px; height:2px; background:#0fa0b3; position:absolute; top:20px; left:0; content: '';}
.mall_lon_main_content .cont_section02 .product_select dd { float:left}
.mall_lon_main_content .cont_section02 .product_select dd li{ float:left; width:134px; text-align:center;}
.mall_lon_main_content .cont_section02 .product_select dd li a{ display:block; background:url(/images/mall_new/lon/bg_product_select.gif) no-repeat; font-size:13px; padding-top:83px}
.mall_lon_main_content .cont_section02 .product_select dd li.img01 a{ background-position:50% 4px}
.mall_lon_main_content .cont_section02 .product_select dd li.img02 a{ background-position:50% -101px}
.mall_lon_main_content .cont_section02 .product_select dd li.img03 a{ background-position:50% -204px}
.mall_lon_main_content .cont_section02 .mall_lon_news{ float:left; width:435px;}
.mall_lon_main_content .cont_section02 .mall_lon_news dl{ padding-left:20px; position:relative} /* 2017.03.06 padding 수정 */
.mall_lon_main_content .cont_section02 .mall_lon_news dl dt{font-size:20px; color:#333; margin-bottom:15px;letter-spacing:-2px}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li { position:relative; padding-left:10px;}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li:before{width:2px; height:2px; background:#777777; position:absolute; top:11px; left:2px; content: '';}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li span{ position:absolute; right:10px; top:0; font-size:13px; color:#666}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li a{ font-size:14px; color:#666; display:inline; position:relative; letter-spacing: -1.2px;}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li a:hover:after{width:100%; height:1px; background:#666; position:absolute; bottom:-1px; left:0; content: '';}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd li img{ padding-left:10px;}
.mall_lon_main_content .cont_section02 .mall_lon_news dl dd .board_more{ position:absolute; right: 12px;top: 3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/lon/btn_board_more.gif) no-repeat 0 0}

/*신탁 메인*/
.trs_sub_main{ width:100%; overflow:hidden}
.trs_visual_wrap{ width:100%; height:720px; background:#114b7f url(/images/mall_new/trs/bg_trs_main.jpg) no-repeat 50% 0}
.trs_visual_wrap .trs_wrap{ width:980px; height:439px; margin:0 auto; position:relative}
.trs_visual_wrap .trs_wrap .trs_contents{padding-top:370px}
.trs_visual_wrap .trs_wrap .trs_contents > li{ float:left;position:relative;width:292px;height:240px;padding:40px 0 0 28px}
.trs_visual_wrap .trs_wrap .trs_contents li h4{font-size:22px;font-weight:bold;color:#fff;line-height: 15px;}
.trs_visual_wrap .trs_wrap .trs_contents li p{padding-top: 42px;font-size:16px;color:#fff;line-height: 18px}
.trs_visual_wrap .trs_wrap .trs_contents li  .btn_go{display: block;position:absolute;bottom:56px;left:30px;width:75px;height:30px;padding:3px 0 0 15px;background:url(/images/mall_new/trs/btn_trs_go.png) no-repeat 0 0;color:#fff}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list01{background:url(/images/mall_new/trs/bg_trs_list01.jpg) no-repeat 0 0}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list02{margin-left:10px;background:url(/images/mall_new/trs/bg_trs_list02.jpg) no-repeat 0 0}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03{margin-left:10px;background-color:#fff}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03 h4{color:#333; vertical-align:top}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03 ul{overflow:hidden;padding:36px 0 0 2px;}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03 ul li{float:left;width:122px;margin-left:15px;padding: 4px 0 8px;border-bottom: 1px solid #dadada;}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03 ul li a{display:inline-block;width:122px;background:url(/images/mall_new/trs/ico_trs_arrow.gif) no-repeat 117px 9px;line-height: 23px;}
.trs_visual_wrap .trs_wrap .trs_contents .trs_list03 ul li.ml0{margin-left:0}


/*해양수산금융 메인*/
.mall_mff_sub_main{width:980px; margin:0 auto;padding-top:30px}

.mall_mff_sub_main .mall_mff_main_visual{ border:1px solid #5293c8; height:328px; position:relative}
.mall_mff_sub_main .mall_mff_main_visual li{overflow:hidden}
.mall_mff_sub_main .mall_mff_main_visual .visual01{background:#5293c8; height:328px;}
.mall_mff_sub_main .mall_mff_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:328px;}
.mall_mff_sub_main .mall_mff_main_visual .visual_area.visual01 div.img_area {width:630px; height:328px; background:url(/images/mall_new/mff/img_mff_mainvisual01.jpg) no-repeat 0 0;}
.mall_mff_sub_main .mall_mff_main_visual .visual_area a {display:block; width:100%; height:100%;}
.mall_mff_sub_main .mall_mff_main_visual .visual_area div.visual_txt_area{ padding:23px 30px; width:290px;}
.mall_mff_sub_main .mall_mff_main_visual .visual_area div.visual_txt_area dt { font-size:39px; color:#fff; line-height:48px; display:block; margin-top:35px; letter-spacing:-4px}
.mall_mff_sub_main .mall_mff_main_visual .visual_area div.visual_txt_area dd {color: #fff;font-size: 15px;margin-top: 34px;letter-spacing: -1.5px;line-height: 20px;}
.mall_mff_sub_main .mall_mff_main_visual span{ display:inline; color:#cae7ff; font-weight:bold; position:relative}
/*.mall_mff_sub_main .mall_mff_main_visual span:after{width:60px; height:2px; background:#fff; position:absolute; bottom:-27px; left:0; content: '';}*/
/* 2017.03.28 css 추가 */
.mall_mff_sub_main .mff_main_visual{position:relative; height:330px; background:url(/images/mall_new/mff/bg_mff.gif) no-repeat 0 0}
.mall_mff_sub_main .mff_main_visual .visual01{ height:330px;}
.mall_mff_sub_main .mff_main_visual li{overflow:hidden}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:330px;}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 div.img_area01 {width:630px; height:330px; background:url(/images/mall_new/mff/img_mff_mainvisual01.png) no-repeat 0 0;}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 div.img_area02 {width:630px; height:330px; background:url(/images/mall_new/mff/img_mff_mainvisual02.png) no-repeat 0 0;}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 div.img_area03 {width:630px; height:330px; background:url(/images/mall_new/mff/img_mff_mainvisual03.png) no-repeat 0 0;}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 div.img_area04 {width:630px; height:330px; background:url(/images/mall_new/mff/img_mff_mainvisual04.png) no-repeat 0 0;}
.mall_mff_sub_main .mff_main_visual .visual_area.visual01 div.img_area05 {width:630px; height:330px; background:url(/images/mall_new/mff/img_mff_mainvisual05.png) no-repeat 0 0;}
.mall_mff_sub_main .mff_main_visual .visual_area a {/*display:block; width:100%; height:100%;*/}
.mall_mff_sub_main .mff_main_visual .visual_area div.visual_txt_area{ padding:26px 14px 26px 30px; width:300px;}
.mall_mff_sub_main .mff_main_visual .visual_area div.visual_txt_area dt { font-size:34px; color:#fff; font-weight:normal; line-height:40px; display:block; margin-top:22px; margin-left:-1px; letter-spacing:-4px} 
.mall_mff_sub_main .mff_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:14px; margin-top:17px;}
.mall_mff_sub_main .mff_main_visual .visual_area div.visual_txt_area dd .visual_txt { color:#fff; font-size:14px; font-weight:normal; line-height:20px;}
.mall_mff_sub_main .mff_main_visual span{ display:inline; font-size:15px; color:#bae7ff; font-weight:bold; position:relative}
.mall_mff_sub_main .mff_main_visual dl{ position:relative}
.mall_mff_sub_main .mff_main_visual dl:after{width:50px; height:2px; background:#bae7ff; position:absolute; top:-15px; left:0; content: '';}
.mall_mff_sub_main .mff_main_visual .btn_mall_detail {display:inline-block; width:100px; height:34px; margin-top:39px; line-height:32px; font-size:14px; font-weight:bold; text-align:center; color:#fff; border:1px solid #8abff0; background:none}
.mall_mff_sub_main .mff_main_visual span.btn_mall_detail{ cursor:pointer}
.mall_mff_sub_main .mff_main_visual .btn_mall_detail:hover {border:1px solid #8abff0; background:#407fbe}
.mall_mff_sub_main .mff_main_visual .visual_navi {position:absolute; overflow:hidden; width:150px; height:10px; top:31px; left:179px}
.mall_mff_sub_main .mff_main_visual .visual_navi ul {float:right}
.mall_mff_sub_main .mff_main_visual .visual_navi li {float:left}
.mall_mff_sub_main .mff_main_visual .visual_navi li a {float:left; width:10px; height:10px; text-indent:-9999px; display:inline-block; margin-left:10px; background:url(/images/mall_new/mff/bg_visual_navi.png) no-repeat -20px 0} 
.mall_mff_sub_main .mff_main_visual .visual_navi li a.on {background-position:0 0}
/* EOD : 2017.03.28 css 추가 */
.mall_mff_sub_main .mall_mff_main_visual .visual_control {position:relative; z-index:9;}
.mall_mff_sub_main .mall_mff_main_visual .visual_control a.stop, .mall_mff_sub_main .mall_mff_main_visual .visual_control a.play {display:block; border:1px solid #a9c9e4; width:22px; height:22px;  font-size:0;}
.mall_mff_sub_main .mall_mff_main_visual .visual_control span { display:block; border:1px solid #a9c9e4; width:22px; height:22px;  font-size:0;}
.mall_mff_sub_main .mall_mff_main_visual .visual_control span a {display:block; width:100%; height:100%;}
.mall_mff_sub_main .mall_mff_main_visual .visual_control span:after {display:none;}
.mall_mff_sub_main .mall_mff_main_visual .visual_control span.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/mff/btn_visual.png) no-repeat 50% -1px}
.mall_mff_sub_main .mall_mff_main_visual .visual_control span.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/mff/btn_visual.png) no-repeat 50% -59px}
.mall_mff_sub_main .mall_mff_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/mff/btn_visual.png) no-repeat 50% -30px}
.mall_mff_sub_main .mall_mff_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/mff/btn_visual.png) no-repeat 50% -88px}

/*
.mall_mff_main_content{ margin-top:20px;}
.mall_mff_main_content .cont_section01{ height:160px; background:url(/images/mall_new/mff/bg_cont_section01.gif) no-repeat 0 0; position:relative}
.mall_mff_main_content .cont_section01 .main_search{ float:left; width:545px }
.mall_mff_main_content .cont_section01 .main_search dl{ padding:21px 30px 25px 29px}
.mall_mff_main_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_mff_main_content .cont_section01 .main_search dl dd{ position:relative}
.mall_mff_main_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:38px; width:108px; margin:0 5px; padding:2px 0 6px 5px;}
.mall_mff_main_content .cont_section01 .main_search .product_inputarea .inputText{height:38px; width:240px; border:0 none; line-height:38px;}
.mall_mff_main_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.mall_mff_main_content .btn_main_search{ position:absolute; right:1px; top:0; background:url(/images/mall_new/mff/btn_main_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer } /* 2017.03.06 이미지 경로 수정
.mall_mff_main_content .cont_section01 .main_banner{ float:left; overflow:hidden; width:435px;}
.mall_mff_main_content .cont_section01 .main_banner li{ float:left; width:142px; height:79px}
.mall_mff_main_content .cont_section01 .main_banner li.img02,.mall_mff_main_content .cont_section01 .main_banner li.img05{ float:left; width:149px; height:79px}
.mall_mff_main_content .cont_section01 .main_banner li a{ display:block; padding:21px 0 20px 15px; font-size:13px; color:#666; vertical-align:top; line-height:18px;}
.mall_mff_main_content .cont_section01 .main_banner li em{ display:inline-block; margin-left: 11px; vertical-align:top}
.mall_mff_main_content .cont_section01 .main_banner li.img04 em,
.mall_mff_main_content .cont_section01 .main_banner li.img05 em{margin-top:2px}
.mall_mff_main_content .cont_section01 .main_banner li span{display:inline-block;background:url(/images/mall_new/mff/ico_main_banner.gif) no-repeat; vertical-align:bottom}
.mall_mff_main_content .cont_section01 .main_banner li.img03{position:relative;float: right;height:160px}
.mall_mff_main_content .cont_section01 .main_banner li.img03 strong{position:absolute;top: 18px;left: 15px;font-size:15px;color:#333}
.mall_mff_main_content .cont_section01 .main_banner li.img03 strong:after{background:url(/images/mall_new/fri/ico_main_banner.gif) no-repeat 0 -474px;position: absolute;top:5px;right:-54px;content: '';width:5px;height:9px}
.mall_mff_main_content .cont_section01 .main_banner li.img03 .advice{margin-left:16px;padding-top: 9px;font-size:14px;text-align:center}
.mall_mff_main_content .cont_section01 .main_banner li.img03 .tel{margin-left: 13px;font-size:18px;font-weight:bold;color:#0a5491;line-height:1.4}
.mall_mff_main_content .cont_section01 .main_banner li.img01 span{ width:41px; height:34px; background-position:8px 2px; }
.mall_mff_main_content .cont_section01 .main_banner li.img02 span{ width:43px; height:34px; background-position:5px -94px}
.mall_mff_main_content .cont_section01 .main_banner li.img03 span{ width:80px; height:70px;background-position:32px -346px}
.mall_mff_main_content .cont_section01 .main_banner li.img04 span{ width:41px; height:34px;background-position:8px -280px}
.mall_mff_main_content .cont_section01 .main_banner li.img05 span{ width:43px; height:39px;background-position:8px -276px}
.mall_mff_main_content .cont_section02{ margin-top:28px; overflow:hidden; position:relative}
.mall_mff_main_content .cont_section02 .product_select{ float:left; width:544px;margin-left:-1px; overflow:hidden}
.mall_mff_main_content .cont_section02 .product_select dt{font-size:20px; color:#333; float:left;letter-spacing: -2px; width:135px}
.mall_mff_main_content .cont_section02 .product_select dt span{ display:block; color:#666; font-size:13px; line-height:18px; position:relative; padding-top:45px;letter-spacing:-1px}
.mall_mff_main_content .cont_section02 .product_select dt span:before{width:30px; height:2px; background:#0fa0b3; position:absolute; top:20px; left:0; content: '';}
.mall_mff_main_content .cont_section02 .product_select dd { float:left}
.mall_mff_main_content .cont_section02 .product_select dd li{ float:left; width:134px; text-align:center;}
.mall_mff_main_content .cont_section02 .product_select dd li a{ display:block; background:url(/images/mall_new/mff/bg_product_select.gif) no-repeat; font-size:13px; padding-top:83px}
.mall_mff_main_content .cont_section02 .product_select dd li.img01 a{ background-position:50% 4px}
.mall_mff_main_content .cont_section02 .product_select dd li.img02 a{ background-position:50% -101px}
.mall_mff_main_content .cont_section02 .product_select dd li.img03 a{ background-position:50% -204px}
.mall_mff_main_content .cont_section02 .mall_mff_news{ float:left; width:435px;}
.mall_mff_main_content .cont_section02 .mall_mff_news dl{ padding-left:20px; position:relative} /* 2017.03.06 padding 수정
.mall_mff_main_content .cont_section02 .mall_mff_news dl dt{font-size:20px; color:#333; margin-bottom:15px;letter-spacing:-2px}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li { position:relative; padding-left:10px;}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li:before{width:2px; height:2px; background:#777777; position:absolute; top:11px; left:2px; content: '';}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li span{ position:absolute; right:10px; top:0; font-size:13px; color:#666}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li a{ font-size:14px; color:#666; display:inline; position:relative; letter-spacing: -1.2px;}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li a:hover:after{width:100%; height:1px; background:#666; position:absolute; bottom:-1px; left:0; content: '';}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd li img{ padding-left:10px;}
.mall_mff_main_content .cont_section02 .mall_mff_news dl dd .board_more{ position:absolute; right: 12px;top: 3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/mff/btn_board_more.gif) no-repeat 0 0}
*/

.mall_mff_main_new_content{ margin-top:20px;}
.mall_mff_main_new_content .cont_section01{ height:160px; background:url(/images/mall_new/mff/bg_cont_new_section02.gif) no-repeat 0 0; position:relative}
.mall_mff_main_new_content .cont_section01 .product_select{float: left;/* width:426px; */padding-top:21px; margin:0 12px 0 17px; overflow:hidden}
.mall_mff_main_new_content .cont_section01 .product_select li{float: left; width:92px; line-height: 1.2; text-align: center;}
.mall_mff_main_new_content .cont_section01 .product_select li a span {display:block;width:62px;height:62px;padding-bottom: 17px;background:url(/images/mall_new/mff/bg_product_new_select.png) no-repeat;}
.mall_mff_main_new_content .cont_section01 .product_select .select01 {margin-left:15px;background-position:0 0;}
.mall_mff_main_new_content .cont_section01 .product_select .select02 {margin-left:14px;background-position:0 -100px;}
.mall_mff_main_new_content .cont_section01 .product_select .select03 {margin-left:15px;background-position:0 -200px;}
.mall_mff_main_new_content .cont_section01 .product_select .select04 {margin-left:14px;background-position:0 -300px;}
.mall_mff_main_new_content .cont_section01 .product_select .select05 {margin-left:13px;background-position:0 -400px;}

.mall_mff_main_new_content .cont_section01 .main_search{ float:left; width:490px }
.mall_mff_main_new_content .cont_section01 .main_search dl{ padding:21px 23px 25px 25px}
.mall_mff_main_new_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; letter-spacing:-1px; margin-bottom:20px}
.mall_mff_main_new_content .cont_section01 .main_search dl dd{ position:relative}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea {margin-left: 2px;background: url(/images/mall_new/mff/bg_product_new_inputarea01.png) no-repeat 0 0;width: 368px;height: 38px;}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:33px; width:110px; margin:1px 5px 1px 5px; padding:4px 0 5px 2px;  letter-spacing:-1px;}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea .inputText{height:34px; width:225px; margin-top:1px; padding:0 10px 0 5px; border:0 none; line-height:34px;}
.mall_mff_main_new_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px; margin-left:1px;}
.mall_mff_main_new_content .btn_main_search{ position:absolute; right:2px; top:0; background:url(/images/mall_new/mff/btn_main_new_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer }
/*
.mall_mff_main_new_content .cont_section01 .main_search{ float:left; width:414px }
.mall_mff_main_new_content .cont_section01 .main_search dl{ padding:21px 20px 25px 18px}
.mall_mff_main_new_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_mff_main_new_content .cont_section01 .main_search dl dd{ position:relative}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea {margin-left: 2px;background: url(/images/mall_new/mff/bg_product_new_inputarea.png) no-repeat 0 0;width: 297px;height: 38px;}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:36px; width:110px; margin:1px 5px 1px 5px; padding:4px 0 5px 2px;}
.mall_mff_main_new_content .cont_section01 .main_search .product_inputarea .inputText{height:36px; width:165px; padding:0 10px 0 5px; border:0 none; line-height:38px;}
.mall_mff_main_new_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.mall_mff_main_new_content .btn_main_search{ position:absolute; right:1px; top:0; background:url(/images/mall_new/mff/btn_main_new_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer }
.mall_mff_main_new_content .main_list_go{float:left;width:140px}*/
.mall_mff_main_new_content .main_list_go{display:none; float:left;width:140px}
.mall_mff_main_new_content .main_list_go li a{display: block;position:relative;padding: 10px 0 7px 9px;}
.mall_mff_main_new_content .main_list_go li a span{display:inline-block;position:absolute;top:18px;right:11px;width:5px;height:7px;background:url(/images/mall_new/mff/ico_mff_new_arrow.gif) no-repeat 0 0;}
.mall_mff_main_new_content .cont_section02{ margin-top:35px; overflow:hidden; position:relative}
.mall_mff_main_new_content .cont_section02 dl{float:left}
.mall_mff_main_new_content .cont_section02 dl dt{color: #333;	font-size: 18px;margin:0 0 20px -2px;}
.mall_mff_main_new_content .cont_section02 .banner_find{width:337px;background:url(/images/mall_new/mff/ico_main_new_banner.gif) no-repeat 0 48px;}
.mall_mff_main_new_content .cont_section02 .banner_find dd{padding: 0 0 30px 117px;color: #666;font-size: 13px;line-height: 17px;}
.mall_mff_main_new_content .cont_section02 .banner_find dd a{display:block;padding:16px 0 0 10px;background:url(/images/mall_new/mff/ico_mff_new_arrow.gif) no-repeat 0 -8px;font-size:13px;font-weight:bold;color:#333}
.mall_mff_main_new_content .cont_section02 .banner_consulting{width:317px;}
.mall_mff_main_new_content .cont_section02 .banner_consulting dd{background:url(/images/mall_new/mff/ico_main_new_banner.gif) no-repeat 5px -91px;}
.mall_mff_main_new_content .cont_section02 .banner_consulting dd{padding:7px 0 30px 91px;}
.mall_mff_main_new_content .cont_section02 .banner_consulting dd p{font-family:Tahoma;font-size:26px;color:#4178bb}
.mall_mff_main_new_content .cont_section02 .banner_consulting dd span{display:block;height: 24px;margin-top: 12px;padding-left: 13px;background:url(/images/mall_new/mff/bg_consulting.png) no-repeat 0 0;font-size:13px;font-weight:bold;color:#666}
.mall_mff_main_new_content .cont_section02 .mall_mff_news{ float:left; }
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl{position:relative;width:326px;}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dt{font-size:18px; color:#333; margin-bottom:16px}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li { position:relative; padding-left:10px;}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li:before{width:2px; height:2px; background:#777777; position:absolute; top:11px; left:2px; content: '';}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li span{ position:absolute; right:12px; top:0; font-size:13px; color:#666}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li a{ font-size:14px; color:#666; display:inline; position:relative; letter-spacing: -1.2px;}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li a:hover:after{width:100%; height:1px; background:#666; position:absolute; bottom:-1px; left:0; content: '';}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd li img{ padding-left:10px;}
.mall_mff_main_new_content .cont_section02 .mall_mff_news dl dd .board_more{ position:absolute; right: 14px;top: 3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/mff/btn_board_more.gif) no-repeat 0 0}


/*공제보험 메인*/
.mall_fri_sub_main{width:980px; margin:0 auto; padding-top:30px}

.mall_fri_sub_main .mall_fri_main_visual{border:1px solid #7593d3; height:328px; position:relative}
.mall_fri_sub_main .mall_fri_main_visual li{overflow:hidden}
.mall_fri_sub_main .mall_fri_main_visual .visual01{background:#7593d3; height:328px;}
.mall_fri_sub_main .mall_fri_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:328px;}
.mall_fri_sub_main .mall_fri_main_visual .visual_area.visual01 div.img_area {width:630px; height:328px; background:url(/images/mall_new/fri/img_fri_mainvisual01.jpg) no-repeat 0 0;}
.mall_fri_sub_main .mall_fri_main_visual .visual_area a {display:block; width:100%; height:100%;}
.mall_fri_sub_main .mall_fri_main_visual .visual_area div.visual_txt_area{ padding:23px 30px; width:290px;}
.mall_fri_sub_main .mall_fri_main_visual .visual_area div.visual_txt_area dt { font-size:39px; color:#fff; line-height:48px; display:block; margin-top:35px; letter-spacing: -4.5px}
.mall_fri_sub_main .mall_fri_main_visual .visual_area div.visual_txt_area dd {color: #fff;font-size: 15px;margin-top: 34px;letter-spacing: -1.5px;line-height: 20px;}
.mall_fri_sub_main .mall_fri_main_visual span{ display:inline; color:#dbe5ff; font-weight:bold; position:relative}
/*.mall_fri_sub_main .mall_fri_main_visual span:after{width:60px; height:2px; background:#fff; position:absolute; bottom:-27px; left:0; content: '';}*/
/* 2017.03.28 css 추가 */
.mall_fri_sub_main .fri_main_visual{position:relative; height:330px; background:url(/images/mall_new/fri/bg_fri.gif) no-repeat 0 0}
.mall_fri_sub_main .fri_main_visual li{overflow:hidden}
.mall_fri_sub_main .fri_main_visual .visual01{height:330px;}
.mall_fri_sub_main .fri_main_visual .visual_area.visual01 .img_area_wrap {position:absolute; top:0; right:0; width:630px; height:330px;}
.mall_fri_sub_main .fri_main_visual .visual_area.visual01 div.img_area01 {width:630px; height:330px; background:url(/images/mall_new/fri/img_fri_mainvisual01.png) no-repeat 0 0;}
.mall_fri_sub_main .fri_main_visual .visual_area.visual01 div.img_area02 {width:630px; height:330px; background:url(/images/mall_new/fri/img_fri_mainvisual02.png) no-repeat 0 0;}
.mall_fri_sub_main .fri_main_visual .visual_area.visual01 div.img_area03 {width:630px; height:330px; background:url(/images/mall_new/fri/img_fri_mainvisual03.png) no-repeat 0 0;}
.mall_fri_sub_main .fri_main_visual .visual_area a {/*display:block; width:100%; height:100%;*/}
.mall_fri_sub_main .fri_main_visual .visual_area div.visual_txt_area{ padding:26px 22px 26px 30px; width:300px;}
.mall_fri_sub_main .fri_main_visual .visual_area div.visual_txt_area dt {font-size:34px; color:#fff; font-weight:normal; line-height:40px; display:block; margin-top:22px; letter-spacing:-4px} 
.mall_fri_sub_main .fri_main_visual .visual_area div.visual_txt_area dt em{ font-size:28px;}
.mall_fri_sub_main .fri_main_visual .visual_area div.visual_txt_area dd { color:#fff; font-size:14px; margin-top:17px;}
.mall_fri_sub_main .fri_main_visual .visual_area div.visual_txt_area dd .visual_txt { color:#fff; font-size:14px; font-weight:normal; line-height:20px;}
.mall_fri_sub_main .fri_main_visual span{ display:inline; font-size:15px; color:#d2e3ff; font-weight:bold; position:relative}
.mall_fri_sub_main .fri_main_visual dl{ position:relative}
.mall_fri_sub_main .fri_main_visual dl:after{width:64px; height:2px; background:#d2e3ff; position:absolute; top:-15px; left:0; content: '';}
.mall_fri_sub_main .fri_main_visual .btn_mall_detail {display:inline-block; width:100px; height:34px; margin-top:39px; line-height:32px; font-size:14px; font-weight:bold; text-align:center; color:#fff; border:1px solid #c7d4ea; background:none}
.mall_fri_sub_main .fri_main_visual span.btn_mall_detail{ cursor:pointer}

.mall_fri_sub_main .fri_main_visual .btn_mall_detail:hover {border:1px solid #c7d4ea; background:#4569a8}
.mall_fri_sub_main .fri_main_visual .visual_navi {position:absolute; overflow:hidden; width:150px; height:10px; top:31px; left:179px}
.mall_fri_sub_main .fri_main_visual .visual_navi ul {float:right}
.mall_fri_sub_main .fri_main_visual .visual_navi li {float:left}
.mall_fri_sub_main .fri_main_visual .visual_navi li a {float:left; width:10px; height:10px; text-indent:-9999px; display:inline-block; margin-left:10px; background:url(/images/mall_new/fri/bg_visual_navi.png) no-repeat -20px 0} 
.mall_fri_sub_main .fri_main_visual .visual_navi li a.on {background-position:0 0}
/* EOD : 2017.03.28 css 추가 */
.mall_fri_sub_main .mall_fri_main_visual .visual_control {position:relative; z-index:9;}
.mall_fri_sub_main .mall_fri_main_visual .visual_control a.stop, .mall_fri_sub_main .mall_fri_main_visual .visual_control a.play {display:block; border:1px solid #bac9e9; width:22px; height:22px;  font-size:0;}
.mall_fri_sub_main .mall_fri_main_visual .visual_control span { display:block; border:1px solid #bac9e9; width:22px; height:22px;  font-size:0;}
.mall_fri_sub_main .mall_fri_main_visual .visual_control span a {display:block; width:100%; height:100%;}
.mall_fri_sub_main .mall_fri_main_visual .visual_control span:after {display:none;}
.mall_fri_sub_main .mall_fri_main_visual .visual_control span.pre{ position:absolute; left:245px; top:24px;  background:url(/images/mall_new/fri/btn_visual.png) no-repeat 50% -1px}
.mall_fri_sub_main .mall_fri_main_visual .visual_control span.next{ position:absolute; left:305px; top:24px;  background:url(/images/mall_new/fri/btn_visual.png) no-repeat 50% -59px}
.mall_fri_sub_main .mall_fri_main_visual .visual_control a.stop{ position:absolute; left:275px; top:24px;  background:url(/images/mall_new/fri/btn_visual.png) no-repeat 50% -30px}
.mall_fri_sub_main .mall_fri_main_visual .visual_control a.play{ position:absolute; left:275px; top:50px;  background:url(/images/mall_new/fri/btn_visual.png) no-repeat 50% -88px}
.mall_fri_main_content{ margin-top:20px;}
.mall_fri_main_content .cont_section01{ height:159px; background:url(/images/mall_new/fri/bg_cont_section01.gif) no-repeat 0 0; position:relative}
.mall_fri_main_content .cont_section01 .main_search{ float:left; width:545px }
.mall_fri_main_content .cont_section01 .main_search dl{ padding:21px 30px 25px 29px}
.mall_fri_main_content .cont_section01 .main_search dl dt{ color:#333; font-size:18px; margin-bottom:20px}
.mall_fri_main_content .cont_section01 .main_search dl dd{ position:relative}
.mall_fri_main_content .cont_section01 .main_search .product_inputarea {background:url(/images/mall_new/fri/bg_product_inputarea.png) no-repeat 0 0; width:409px; height:38px}
.mall_fri_main_content .cont_section01 .main_search .product_inputarea .select{ border:0 none; height:38px; width:115px; margin:0 5px; padding:2px 0 6px 5px;}
.mall_fri_main_content .cont_section01 .main_search .product_inputarea .inputText{height:38px; width:280px; border:0 none; line-height:38px;}
.mall_fri_main_content .cont_section01 .main_search p{ color:#666; font-size:13px; margin-top:14px;}
.mall_fri_main_content .btn_main_search{ position:absolute; right:1px; top:0; background:url(/images/mall_new/fri/btn_main_search.png) no-repeat 0 0; width:70px; height:38px; color:#fff; font-size:14px; font-weight:bold; border:0 none; padding:0; margin:0; cursor:pointer } /* 2017.03.06 css 추가 */
.mall_fri_main_content .cont_section01 .main_banner{ float:left; overflow:hidden; width:435px;}
.mall_fri_main_content .cont_section01 .main_banner li{ float:left; width:142px; height:79px}
.mall_fri_main_content .cont_section01 .main_banner li.img02,.mall_fri_main_content .cont_section01 .main_banner li.img05{ float:left; width:149px; height:79px}
.mall_fri_main_content .cont_section01 .main_banner li a{ display:block; padding:21px 0 20px 15px; font-size:13px; color:#666; vertical-align:top; line-height:18px;}
.mall_fri_main_content .cont_section01 .main_banner li em{ display:inline-block; margin-top:3px; margin-left: 5px; line-height:16px; vertical-align:top}
.mall_fri_main_content .cont_section01 .main_banner li.img02 em {margin-left:7px}
.mall_fri_main_content .cont_section01 .main_banner li.img04 em {margin-top:4px}
.mall_fri_main_content .cont_section01 .main_banner li.img05 em {margin-top:3px; margin-left:8px}
.mall_fri_main_content .cont_section01 .main_banner li span{ display:inline-block;background:url(/images/mall_new/fri/ico_main_banner.gif) no-repeat;vertical-align:bottom}
.mall_fri_main_content .cont_section01 .main_banner li.img03{position:relative;float: right;height:160px}
/*
.mall_fri_main_content .cont_section01 .main_banner li.img03 strong{position:absolute;top: 18px;left: 15px;font-size:15px;color:#333}
.mall_fri_main_content .cont_section01 .main_banner li.img03 strong:after{background:url(/images/mall_new/fri/ico_main_banner.gif) no-repeat 0 -474px;position: absolute;top:5px;right:-54px;content: '';width:5px;height:9px} 
.mall_fri_main_content .cont_section01 .main_banner li.img03 .advice{margin-left: 29px;padding-top: 9px;font-size:14px;text-align:center}
/* .mall_fri_main_content .cont_section01 .main_banner li.img03 .tel{margin-left: 13px;font-size:18px;font-weight:bold;color:#0a5491;line-height:1.4} */
/* .mall_fri_main_content .cont_section01 .main_banner li.img03 strong{position:absolute;top:23px;left:30px;font-size:15px;color:#333} */
.mall_fri_main_content .cont_section01 .main_banner li.img03 strong{position:absolute;top:21px;left:30px;font-size:15px;color:#333}
.mall_fri_main_content .cont_section01 .main_banner li.img03 .advice{margin-left: 29px;padding-top: 9px;font-size:14px;text-align:center}
.mall_fri_main_content .cont_section01 .main_banner li.img03 .tel{margin-left:19px; padding-top:4px;font-size:22px;font-weight:bold;color:#7387ad;line-height:1.4}
.mall_fri_main_content .cont_section01 .main_banner li.img01 span{ width:50px; height:36px;  background-position:11px 2px; }
.mall_fri_main_content .cont_section01 .main_banner li.img02 span{ width:50px; height:34px; background-position:11px -94px}
.mall_fri_main_content .cont_section01 .main_banner li.img03 span{ width:80px; height:80px; margin:21px 0 0 15px; background-position:32px -343px;}
.mall_fri_main_content .cont_section01 .main_banner li.img04 span{ width:50px; height:34px; background-position:8px -187px}
.mall_fri_main_content .cont_section01 .main_banner li.img05 span{ width:50px; height:39px;background-position:12px -281px}
.mall_fri_main_content .cont_section02{ margin-top:28px; overflow:hidden; position:relative}
.mall_fri_main_content .cont_section02 .product_select{ float:left; width:544px;margin-left:-1px; overflow:hidden}
.mall_fri_main_content .cont_section02 .product_select dt{font-size:20px; color:#333; float:left;letter-spacing: -2px; width:135px}
.mall_fri_main_content .cont_section02 .product_select dt span{ display:block; color:#666; font-size:13px; line-height:18px; position:relative; padding-top:45px;letter-spacing:-1px}
.mall_fri_main_content .cont_section02 .product_select dt span:before{width:30px; height:2px; background:#0fa0b3; position:absolute; top:20px; left:0; content: '';}
.mall_fri_main_content .cont_section02 .product_select dd { float:left}
.mall_fri_main_content .cont_section02 .product_select dd li{ float:left; width:134px; text-align:center;}
.mall_fri_main_content .cont_section02 .product_select dd li a{ display:block; background:url(/images/mall_new/fri/bg_product_select.gif) no-repeat; font-size:13px; padding-top:83px}
.mall_fri_main_content .cont_section02 .product_select dd li.img01 a{ background-position:50% 4px}
.mall_fri_main_content .cont_section02 .product_select dd li.img02 a{ background-position:50% -101px}
.mall_fri_main_content .cont_section02 .product_select dd li.img03 a{ background-position:50% -204px}
.mall_fri_main_content .cont_section02 .mall_fri_news{ float:left; width:435px;}
.mall_fri_main_content .cont_section02 .mall_fri_news dl{ padding-left:20px; position:relative} /* 2017.03.06 padding 수정 */
.mall_fri_main_content .cont_section02 .mall_fri_news dl dt{font-size:20px; color:#333; margin-bottom:15px;letter-spacing:-2px}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li { position:relative; padding-left:10px;}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li:before{width:2px; height:2px; background:#777777; position:absolute; top:11px; left:2px; content: '';}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li span{ position:absolute; right:10px; top:0; font-size:13px; color:#666}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li a{ font-size:14px; color:#666; display:inline; position:relative; letter-spacing: -1.2px;}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li a:hover:after{width:100%; height:1px; background:#666; position:absolute; bottom:-1px; left:0; content: '';}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd li img{ padding-left:10px;}
.mall_fri_main_content .cont_section02 .mall_fri_news dl dd .board_more{ position:absolute;right: 12px;top: 3px; font-size:0; width:23px; height:19px; background:url(/images/mall_new/fri/btn_board_more.gif) no-repeat 0 0}




/* 달력 */
.calendar{position:absolute; z-index:10; display:none; width:220px; background:#fff; border:1px solid #0159ab;}
.calendar table{width:100%; margin:0 0 10px 0;}
.ui-datepicker-header{position:relative; width:100%; height:23px; padding-top:10px; background:#006db8;}
.ui-datepicker-prev, .ui-datepicker-next{overflow:hidden; position:absolute; top:9px; display:block; width:17px; height:17px; text-indent:-50000px; background:url(/images/mall_new/btn_calendar_navi.png) no-repeat;}
.ui-datepicker-prev{left:48px;}
.ui-datepicker-next{right:48px; background-position:100% 0;}
.ui-datepicker-title{width:100%; text-align:center; font-weight:bold; letter-spacing:-1px; color:#fff; line-height:12px;}
.ui-datepicker-week-end, .ui-datepicker-week-end a{color:#f55c5c;}
.ui-datepicker-buttonpane{position:absolute; top:11px; right:10px;}
.ui-datepicker-close{}
.calendar table th, .calendar table td{line-height:22px; text-align:center; border-bottom:0 none; border-right:0 none; padding:0}
.calendar table th a, .calendar table td a{text-decoration:none;}
.calendar .today{}
.ui-datepicker-today{  background:url(/images/mall_new/bg_calendar_today.png) no-repeat 50% 50%; font-weight:bold; color:#fff;  height:22px; }
.ui-datepicker-today a{ color:#fff}


/* 인풋 달력박스 */
.calender_box .txt {display: inline-block; vertical-align: middle; margin:0 4px 0 2px;}
.calender_box .txt.mr8 {margin:0 8px 0 0;}
.btn_calendar{ background:url(/images/mall_new/btn_calendar.gif) no-repeat 0 0; width:21px; height:22px; display:inline-block; text-indent:-9999px; vertical-align:middle}


/* 금융패키지 */
.product_list_wrap .package_title h3 {font-size:20px; font-weight:bold; color:#017896}
.product_list_wrap .package_title {padding:36px 0 12px}
.product_list_wrap .package_title.first {padding:0 0 13px /* padding:24px 0 13px */}
.product_list_wrap .package_title + .product_list li {}
.product_list_wrap .package_title + .product_list li .product_txt {}
.product_list_wrap .package_title + .product_list li .product_txt p {margin-bottom:16px}
.product_list_wrap .package_title + .product_list li .product_txt a dt {margin-bottom:9px}
.product_list_wrap .package_title + .product_list.card li {padding-bottom:10px}
.product_list_wrap .package_title + .product_list.card li:first-child {padding-bottom:20px}
.product_list_wrap .package_title + .product_list.card li .product_card {padding:26px 0 0}
.product_list_wrap .package_title + .product_list li .product_card dt {margin:0 0 11px}
.product_list_wrap .package_title + .product_list.fund li {min-height:105px}
.product_list_wrap .package_title + .product_list.fund li .product_txt {padding:26px 0 29px}
.product_list_wrap .package_title + .product_list.fund li .product_txt dt {margin-bottom:12px}


/*외환 메인*/
.foe_sub_main{ width:100%; overflow:hidden}
.foe_visual_wrap{ width:100%; height:720px; background:#114b7f url(/images/mall_new/foe/bg_foe_main.jpg) no-repeat 50% 0}
.foe_visual_wrap .foe_wrap{ width:980px; height:439px; margin:0 auto; position:relative}
.foe_visual_wrap .foe_wrap .foe_contents{padding-top:380px}
.foe_visual_wrap .foe_wrap .foe_contents li{ float:left;width:292px;height:240px;padding:40px 0 0 28px}
.foe_visual_wrap .foe_wrap .foe_contents li h4{font-size:22px;font-weight:bold;color:#fff;line-height: 15px;}
.foe_visual_wrap .foe_wrap .foe_contents li p{padding-top: 42px;font-size:16px;color:#fff;line-height: 19px}
.foe_visual_wrap .foe_wrap .foe_contents li  .btn_go{display: block;width:90px;height:30px;margin:56px 0 0 2px;padding:3px 0 0 15px;background:url(/images/mall_new/foe/btn_foe_go.png) no-repeat 0 0;color:#fff}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list01{background:url(/images/mall_new/foe/bg_foe_list01.jpg) no-repeat 0 0}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list02{margin-left:9px;background:url(/images/mall_new/foe/bg_foe_list02.jpg) no-repeat 0 0}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03{margin-left:9px;background-color:#fff}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 h4{margin-bottom:43px;font-weight:bold;color:#333; vertical-align:top}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 h4 a{ vertical-align:-1px; display:inline-block; width:165px; height:19px; background:url(/images/mall_new/foe/ico_foe_arrow.gif) no-repeat 138px 0; margin-left:8px; margin-bottom:0}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table{width:262px; background:url(/images/mall_new/foe/bg_table_thead.gif) no-repeat 2px 0; line-height:20px;}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table thead th{ width: 86px;text-align:center; font-size:13px; line-height:22px; padding:0 0 7px 2px;color: #fff}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table td{ font-size:13px; font-weight:bold;  text-align:center}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table td.get{ color:#e5536c}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table td.send{ color:#3b71ac}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table th.noBg{padding-left: 7px;line-height: 22px;}
.foe_visual_wrap .foe_wrap .foe_contents .foe_list03 .rate_table th.noBg img{margin-top:-4px}

/* 메인 > 게시판 팝업 상세 */
.board_view{ overflow:hidden; border-bottom:1px solid #ccc }
.board_view .board_info{border-top:2px solid #0059ab; border-bottom:1px solid #e5e5e5; background:#f4fbff; position:relative}
.board_view .board_info .b_tit{ font-weight:bold; padding:15px 20px 17px 20px;}
.board_view .board_info .board_num{ position:absolute; right:230px; top:18px; font-size:13px;}
.board_view .board_info .board_date{ position:absolute; right:90px; top:18px; font-size:13px;}
.board_view .board_info .board_check{ position:absolute; right:20px; top:18px; font-size:13px;}
.board_view .board_data_view div{ padding:30px 20px; font-size:14px; }
.board_view .board_file.type01 {padding:0; border-bottom:0}
.board_view .board_file ul{ padding:14px 20px; border-top:1px dashed #ccc}
.board_view .board_file li{ margin-top:4px;}
/*.board_view .board_file li:first-child{ margin-top:0;}*/
.board_view .board_file .first { margin-top:0;}
.board_view .board_file li a.file_down{ background:url(/images/mall_new/ico_file.gif) no-repeat 0 4px; text-indent:20px; position:relative; display:inline-block; vertical-align:top; font-size:13px; color:#666}
.board_view .board_file li span{ display:inline-block; margin-left:10px;  font-size:13px; color:#666}


/* 팝업 - 로그아웃안내 */
.popupWrap .top_area{ background:#f0fdff; border:1px solid #dadada; padding:0}
.popupWrap .top_area{ border:0 none; margin-top:5px;}
.popupWrap .top_area dl{ text-align:center; padding:25px 20px 25px 15px;}
.popupWrap .top_area dl dt{ background:none; margin-bottom:2px; padding-left:0; font-size:16px; font-weight:bold; text-align:center}
.popupWrap .top_area dl dd{ margin-left: 9px; font-size:15px; letter-spacing: -1px;}
.popupWrap .pop_txt {color: #666 !important; font-size: 14px; padding-top: 10px;}


/* 들여쓰기를 위해 */
.list_table_cell > li {display:table; position:relative; width:100%; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:8px}
.list_table_cell > li > span {display:table-cell; width:20px; white-space:nowrap; padding-left:5px; padding-right:5px;}

/* 수협카드 - 친환경 제품 식별로고 */
.natrual_logo {background: url(/images/mall_new/crc/bg_foodlogo.gif) no-repeat 140px 1px;}




/*추가인증*/
.otp_wrap{ border:1px solid #dddddd; margin-top:20px; }
.otp_wrap dl{ padding:24px 30px 31px 29px; overflow:hidden}
.otp_wrap dl dt{ font-weight:bold}
.otp_wrap dl dd{ font-size:13px; color:#666;}
.otp_wrap dl dd .img_otp{ margin-top:17px; background:#fbfbfb url(/images/biz_new/common/img_otp.gif) no-repeat 68px 30px; min-height:156px; margin-left:1px; overflow:hidden}
.otp_wrap dl dd .img_otp.type01{ background:#fbfbfb url(/images/biz_new/common/img_smart_boan.gif) no-repeat 68px 20px; min-height:220px; overflow:hidden}
.otp_wrap dl dd .img_otp dl{ padding:37px 0 0 362px;}
.otp_wrap dl dd .img_otp dl dt{ font-size:14px; color:#666; font-weight:bold}
.otp_wrap dl dd .img_otp dl dt em{ color:#ff460d !important}
.otp_wrap dl dd .img_otp dl dd{ background:#fff; border:1px solid #dddddd; width:216px; height:38px; margin-top:7px}
.otp_wrap dl dd .img_otp dl dd span{ display:inline-block; padding:8px 20px; font-weight:bold; color:#ff460d; font-size:16px; letter-spacing:4px; font-family:Tahoma; }

.boan_card_wrap{ border:1px solid #dddddd; margin-top:20px; }
.boan_card_wrap dl{ padding:24px 30px 31px 29px; overflow:hidden}
.boan_card_wrap dl dt{ font-weight:bold}
.boan_card_wrap dl dd{ font-size:13px; color:#666;}
.boan_card_wrap .img_boan_card{ position:relative; margin-top:20px;}
.boan_card_wrap .img_boan_card ul{ width:330px; position:absolute; right:0; bottom:10px; border-top:1px solid #dddddd;}
.boan_card_wrap .img_boan_card ul li{ border-bottom:1px solid #dddddd; overflow:hidden}
.boan_card_wrap .img_boan_card ul li dl{ padding:0; background:#f4fbff;}
.boan_card_wrap .img_boan_card ul li dt{ float:left; background:#f4fbff; padding:10px 12px; font-size:13px; color:#333; font-weight:bold}
.boan_card_wrap .img_boan_card ul li dt em{ width:20px; height:20px; display:inline-block; background:url(/images/biz_new/giro/bg_gironum.png) no-repeat 0 0; color:#fff; text-align:center; font-size:13px; font-weight:bold; line-height:18px; margin-left:5px;}
.boan_card_wrap .img_boan_card ul li dt span{ color:#0072bc; font-size:15px; font-weight:bold}
.boan_card_wrap .img_boan_card ul li dd{ float:right; background:#fff; width:117px; padding:7px 12px 2px 10px}
.boan_card_wrap .img_boan_card ul li dd span{ border:1px solid #cccccc; width:50px; height:28px; line-height:26px; font-family:Tahoma; font-size:18px; letter-spacing:2px;  text-align:center; font-weight:bold; color:#ff460d; display:inline-block}
.boan_card_wrap .img_boan_card ul li dd em{ color:#333; display:inline-block; width:50px; height:30px; text-align:center}

.mff_company{ width:700px; overflow:hidden; margin:0 auto}
.mff_company dl{ position:relative}
.mff_company dt{ font-size:18px; font-weight:bold; text-align:left; margin-bottom:6px}
.mff_company dt span{ font-size:15px;}
.mff_company dd{ text-align:left}
.mff_company dd ul{ background:url(/images/mall_new/mff/mff_company_list.gif) no-repeat 0 0; width:700px; height:84px; position:relative; margin-top:23px;}
.mff_company dd ul li{ position:absolute; left:82px; line-height:84px; font-size:14px; font-weight:bold}
.mff_company dd ul li.last{ left:395px;}
.mff_company dd ul li span{ font-weight:normal}
.mff_company .btn_mff_go{ position:absolute; right:0; top:23px; background:url(/images/mall_new/mff/btn_mff_go.gif) no-repeat 0 0; text-align:center; width:98px; height:30px; color:#fff; display:inline-block; line-height:28px;}

/* 패키지상품 */
.package_visual {-webkit-box-sizing: border-box; box-sizing:border-box; width:730px; height:210px; padding:28px 29px 29px 29px; background:url(/images/mall_new/bg_package_top.jpg) no-repeat 0 0;}
.package_visual .package_title {}
.package_visual p {font-size:22px; line-height:normal; letter-spacing:-3px; color:#fff;}
.package_visual .package_title p {padding-left:2px;}
.package_visual .package_title .title_color {display:inline-block; margin:8px 0 23px; padding:3px 8px 10px 4px; font-size:34px; line-height:34px; letter-spacing:-4px;background:#3493ab;}
.package_visual .package_title .title_color em {color:#fcf883;}
.package_visual .package_txt {padding-left:4px; font-size:15px; line-height:24px; letter-spacing:-2px;}

.package_list_wrap {margin-top:23px;}
.package_list_wrap .package_list_top {margin-top:31px; margin-left:-2px; padding-bottom:11px; font-size:17px; line-height:22px; letter-spacing:-2px; color:#017896;}
.package_list_wrap .package_list_top.first {margin-top:0;}
.package_list_wrap .package_list_top em {display:block; font-size:19px; font-weight:bold; line-height:24px;}

.package_list_wrap .package_list {border-top:2px solid #2397b4;}
.package_list_wrap .package_list li {display:table;width:730px;min-height:60px;vertical-align:middle;padding:11px 0 13px 74px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.package_list_wrap .package_list .list01 {background:url(/images/mall_new/ico_package01.png) no-repeat 0 50%;} /* Sh평생 주거래우대통장 */
.package_list_wrap .package_list .list02 {background:url(/images/mall_new/ico_package02.png) no-repeat 0 50%;} /* Sh평생주거래통장 */
.package_list_wrap .package_list .list03 {background:url(/images/mall_new/ico_package03.png) no-repeat 0 50%;} /* 샐러리맨예치금 */
.package_list_wrap .package_list .list04 {background:url(/images/mall_new/ico_package04.png) no-repeat 0 50%;} /* Sh내가 만드는 적금 */
.package_list_wrap .package_list .list05 {background:url(/images/mall_new/ico_package05.png) no-repeat 0 50%;} /* 사랑해나누리예금 */
.package_list_wrap .package_list .list06 {background:url(/images/mall_new/ico_package06.png) no-repeat 0 50%;} /* 바다사랑대출 */
.package_list_wrap .package_list .list07 {background:url(/images/mall_new/ico_package07.png) no-repeat 0 50%;} /* Sh인터넷 프리미엄 직장인 신용대출 */
.package_list_wrap .package_list .list08 {background:url(/images/mall_new/ico_package08.png) no-repeat 0 50%;} /* S1카드 */
.package_list_wrap .package_list .list09 {background:url(/images/mall_new/ico_package09.png) no-repeat 0 50%;} /* 부자되세요 홈쇼핑카드 */
.package_list_wrap .package_list .list10 {background:url(/images/mall_new/ico_package10.png) no-repeat 0 50%;} /* 다통해카드 */
.package_list_wrap .package_list .list11 {background:url(/images/mall_new/ico_package11.png) no-repeat 0 50%;} /* 사랑해카드 */
.package_list_wrap .package_list .list12 {background:url(/images/mall_new/ico_package12.png) no-repeat 0 50%;} /* Sh스마트ONE적금 */
.package_list_wrap .package_list .list13 {background:url(/images/mall_new/ico_package13.png) no-repeat 0 50%;} /* 잇자유적금 */
.package_list_wrap .package_list .list14 {background:url(/images/mall_new/ico_package14.png) no-repeat 0 50%;} /* 리얼리얼 카드 */
.package_list_wrap .package_list .list15 {background:url(/images/mall_new/ico_package15.png) no-repeat 0 50%;} /* Sh평화수호적금 */
.package_list_wrap .package_list .list16 {background:url(/images/mall_new/ico_package16.png) no-repeat 0 50%;} /* 으뜸모기지론 */
.package_list_wrap .package_list .list17 {background:url(/images/mall_new/ico_package17.png) no-repeat 0 50%;} /* 사랑해독도 정기예금 */
.package_list_wrap .package_list .list18 {background:url(/images/mall_new/ico_package18.png) no-repeat 0 50%;} /* 사랑해독도 정기예금 */
.package_list_wrap .package_list li p {display:table-cell; vertical-align:middle; font-size:13px; line-height:20px; letter-spacing:-1px; color:#333;}
.package_list_wrap .package_list li .list_title {width:185px; padding-right:18px; font-size:18px; font-weight:bold; line-height:21px;}
.package_list_wrap .package_list li .list_title span {display:inline-block; width:100%; font-size:12px; font-weight:normal; letter-spacing:-2px;}

.package_list_wrap .package_list_bot {padding:7px 0 0; font-size:13px; line-height:20px; color:#666;}

/* 해양수산인몰 수정 */
.P0004 .package_title p{padding-left:10px;font-size:30px;font-weight:bold;letter-spacing:0;}
.P0004 .package_title .title_color{margin:40px 0 0;padding:0 0 0 10px;letter-spacing:0;font-size:30px;line-height:33px;background:none;}


/* 금융상품 툴팁 추가 - 170725 */
.tootip_fund{position:absolute;z-index:10;}
.m_product06 .tootip_fund{top:10px;right:10px;}
.fund_wrap .tootip_fund{top:205px;left:5px;}
.left_wrap .tootip_fund{top:-30px;right:5px;}


/* 주석 아이콘 추가 - 170727 */
.commIcon{display:inline-block; padding:2px 1px 0 1px; line-height:10px; color:#fff; background:#b2b2b2; font-size:11px;}

/* 예금자보호로고 추가 - 170801 */
.logo_kdic{position:absolute;top:-13px;left:100px;}

/* 예금상품 인터넷 가입 약관 */
.termsList{padding-top:8px;border-top:1px solid #000;}
.termsList dl{padding:25px 0; border-bottom:1px solid #dbdbdb;}
.termsList dt{padding:0 0 15px 10px;color:#010101;font-weight:bold;}
.termsList dt a span{font-weight:normal;}
.termsList dd{width:710px !important;padding-right:20px;}
.termsList dd:after{content:""; display:block; clear:both;}
.termsList dd textarea{margin-bottom:15px;}
* html .termsList dd textarea{width:690px; height:80px;}
.termsList dd p, .termsList dd ul{float:left;}
.termsList dd .inputCheck, .termsList dd .inputRadio{margin-top:0px;}
*:first-child+html .termsList dd .inputCheck{margin-top:-3px;}/*IE7*/ 
.termsList dd .question{width:480px;padding-left:10px;}
.termsList dd .checkList{width:200px;}
.termsList dd .checkList span{color:#000;}
.termsList dd .btnMallD3{float:right;padding-top:0;}
.termsList dd .btnMallD3 a span {height: 18px;padding: 5px 15px 0 0;margin:0px;}

/* e-free예금 전환 약관 추가 - 20170830 */
.termsWWrap .textarea{width:688px; margin:0; min-height:150px; _height:150px; }

/* 공통 정보 */
.infoArea {text-align:center; font-family: malgun gothic, Dotum, Arial, Helvetica, sans-serif; font-size:14px;}
.infoArea .innerWrap{padding:45px 30px 30px;background-color:#fafafa;}
 .infoTitle{height:24px; padding:30px 0; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:24px; line-height:26px; color:#1d418e; letter-spacing:-1px; word-spacing:-1px;}
 .infoTitle span{color:#00aaed;}
 .infoCont ul{padding:20px 0 15px 0; border-top:1px solid #fff; border-bottom:1px solid #ebebeb;}
 .infoCont li{padding-bottom:5px;}
 .infoCont strong{color:#000;}
 .infoCont em strong,
 .infoCont strong em{color:#e45800;}
.infoArea .btnMallD2{padding:20px 0;}

/* Sh海우리패키지통장 인터넷전환버튼 추가 - 170904 */
.area_top .btn_controls .btn_etc_trans{margin-right:2px;}
.btn_etc_trans{display:inline-block;padding:0 0 0 31px;background:url(/images/mall_new/bg_btn.png) no-repeat 0 -838px;line-height:28px;text-decoration:none;}
.btn_etc_trans span{display:inline-block;height:30px;padding:0 15px 0 0;margin-right:0;background:url(/images/mall_new/bg_btn.png) no-repeat 100% -838px;font-size: 13px;letter-spacing: -1px;white-space: nowrap;color: #fff;font-weight: bold;min-width: 60px;text-align: center;}

/* ELF펀드 추가 - 180103 */
.ico_pro_wrap span em.level.one {padding:2px 5px; border:1px solid #ff6262; color:#ff6262 !important; font-size:12px;}
.ico_pro_wrap span em.level.two {padding:2px 5px; border:1px solid #ffa912;color:#ffa912 !important; font-size:12px}
.ico_pro_wrap span em.level.three {padding:2px 5px; border:1px solid #d5d600;color:#d5d600 !important; font-size:12px}
.ico_pro_wrap span em.level.four {padding:2px 5px; border:1px solid #1e9f00;color:#1e9f00 !important; font-size:12px}
.ico_pro_wrap span em.level.five {padding:2px 5px; border:1px solid #00aaed;color:#00aaed !important; font-size:12px}
.ico_pro_wrap span em.level.six {padding:2px 5px; border:1px solid #1d418e;color:#1d418e !important; font-size:12px}
.fund_top{position:relative;margin-top:50px;padding-top:30px;border:2px solid #98c6d5;border-left: 0;border-right: 0;}
.fund_top h5 span.title{font-size:23px;font-weight:bold;letter-spacing:-2px;vertical-align:middle;line-height:28px;}
.ttrx_boxing01{padding: 16px; background: #f9f9f9; color: #666; font-size: 15px; }
.ttrx_boxing02{padding: 15px; background: #f6fbfc; border: 1px solid #c8dee3; color: #333; font-size: 15px; font-weight: bold; }
.ttrx_boxing03{font-size:13px;color:#666;padding:12px 10px;border:1px #d4d4d4 solid;background-color:#f9f9f9; margin:10px 0 0 25px;}
.ttrx_boxing03 span {background-color:#999; color:#fff;border:1px #999 solid; font-size:12px; border-radius: 2px; padding:5px 10px;}
.top_area_box li {background: #f6fbfc; border: 1px solid #c8dee3; padding:10px}
.ttrx_Q {margin: 30px 0 10px 0;}
.ttrx_Q span{display:block;color:#fff;background-color:#0072bc;border-radius:2px;font-size:13px;line-height:17px;padding:0 2px;float:left;width:17px;}
.ttrx_Q div{font-size:14px;color:#333;float:left;width:calc(100% - 26px);margin-left:5px;margin-top:-2px;}
.input_title {margin: 10px 0 20px 0}
.radio_check_area {margin:10px 0 0 25px;}
.radio_check_area label {padding-left:3px; vertical-align: 2px}
.btn_blue_comm {height:38px; padding:8px 15px 0; display:inline-block; color:#fff; font-size:16px; border-radius:4px; min-width:95px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#005b9a; text-align:center;}
.btn_gray_comm {height:38px; padding:8px 15px 0; display:inline-block; color:#fff; font-size:16px; border-radius:4px; min-width:95px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#666; text-align:center;}
.ttrx_qChk {margin: 5px 0 0 25px}
.ttrx_qChk a {display:inline-block;font-size:12px; background-color:#fff; color:#333;line-height:12px;padding:7.5px 12px;border:1px #ccc solid;border-radius:2px;}
.ttrx_qChk a i {text-indent:-999px; display: inline-block; width:15px; height:12px; margin-right: 8px; background:url(/images/contents/ok_on_off.jpg) no-repeat 0 -12px; }
.ttrx_qChk a.on{background-color:#007bcd; color:#fff;border:1px #007bcd solid;}
.ttrx_qChk a.on i {background-position: 0 0;}
.ttrx_correct {display:none; margin:10px 0 0 25px;}
.ttrx_correct.on {display: block; }
.ttrx_correct.on span{background-color:#999; color:#fff;border:1px #999 solid; font-size:12px; border-radius: 2px; padding:5px 10px;}
.ttrx_correct.on b {display: inline-block;padding:5px;font-weight:bold;}
.ttrx_correct.on b.txt_blue{color:#007bcd;}
.ttrx_correct.on b.txt_red{color:#990000;}
.ttrx_correct.on div{display:block;}

/* 20180323 메인롤잉 추가 */
.main_visual07{height:295px;background: #ffd7d7  url(/images/mall_new/bg_main_visual07.jpg) no-repeat 50% 0;width:100%;} /**/
.main_visual07 .mall_main_data{width: 980px;height: 290px;margin: 0 auto;position: relative;overflow: hidden;}
.main_visual07 .mall_main_data .btn_detail_view{border: 1px solid #666666;line-height: 30px;font-size: 14px;color: #666;font-weight: bold;display: block;text-align: center;position: absolute;width: 102px;height: 32px;left: 68px;bottom: 66px;}
.main_visual07 .mall_main_data dt{position: absolute;top: 66px;left:68px;color: #333;}
.main_visual07 .mall_main_data dt > span{font-size: 15px;letter-spacing:-1.4px;}
.main_visual07 .mall_main_data dt > span > span{font-size: 17px;font-weight:bold;}
.main_visual07 .mall_main_data dt > div{font-size:34px;color:#0068b7;line-height:43px;letter-spacing:-3px;margin-top: 5px;}
.main_visual07 .mall_main_data dt > div > b{color:#000000;font-weight:bold;}
.main_visual07 .mall_main_data dd{position: absolute;top: 66px;left:68px;color: #333;font-size:15px;top:137px;left:70px;margin-top: 5px;}
.main_visual07 .mall_main_data dd > b{font-size:16px;font-weight:bold;}

/* 20180326 금리표기 */
.product_list_wrap .product_list > li .product_rate{text-align:center;font-size:30px;min-width:140px;font-weight:bold;color:#e11922;display:table-cell;vertical-align:middle; line-height: 110%}/*font-family: 맑은고딕, malgun gothic;*/
.product_list_wrap .product_list > li .product_rate .top_txt{ display:block; font-size:13px; color:#333; font-weight:normal; line-height:16px; margin-bottom:6px;}
.product_list_wrap .product_list > li .product_rate .sub_txt{display:block;font-size: 14px;color:#333;font-weight:normal; line-height:16px;margin-top:4px;}
.product_list_wrap .product_list > li .product_rate .sub_txt.sm{display:block;font-size: 11px;margin-top:0;}

/* 20180531 군인경찰인몰 추가 */
.package_visual2 {box-sizing:border-box; width:730px; height:210px; background:url(/images/mall_new/bg_package_top2.jpg) no-repeat 0 0;position:relative;}
.package_visual2 .package_title p {position:absolute;top:-1000000px;}

/* 20180905_하단 유튜브 추가 */
.footer_site .btn_footer_youtube{width:22px;height:22px;background:url(/images/mall_new/btn_footer_youtube.gif) no-repeat 0 0;}

/* 디지털OTP 인증번호입력 추가_20181023 */
.otp_formTbl .inputMouse{position:relative;top:-2px;}
.otp_formTbl dd{width:420px ! important}

/* 자동로그아웃 연장안내 버튼 영역 */
.autoLogout_pop{text-align:center;margin-top:30px;}
.autoLogout_pop .btn01{display:inline-block;width:80px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:13px;border-radius:2px;border:1px solid #5e5e5e;background:#6b6b6b;box-shadow:1px 1px 0 rgba(00, 00, 00, .2)}
.autoLogout_pop .btn02{display:inline-block;width:80px;height:20px;line-height:20px;text-align:center;color:#666;font-size:13px;border-radius:2px;border:1px solid #f6f6f6;background:#fff;box-shadow:1px 1px 0 rgba(00, 00, 00, .2)}
.autoLogout_pop a~a{margin-left:5px;}

/* 몰 메인 */
.mall_main_2019 *{letter-spacing:-1px ! important;}
.mall_main_2019 a{font-size:14px;color:#333}
.mall_main_2019 h5{margin:45px 0 23px 0;text-align:center;font-size:20px;color:#017896;}
.mall_main_2019 h5:nth-of-type(1){margin-top:0}
.mall_main_2019 .col_box{}
.mall_main_2019 .col_box ul{overflow:hidden}
.mall_main_2019 .col_box li{float:left;padding:23px 0;border:1px solid #cecece;text-align:center;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mall_main_2019 .col_box li~li{margin-left:20px;}
.mall_main_2019 .col_box~.col_box{margin-top:20px;}
.mall_main_2019 .col_box .tit{font-size:19px;font-weight:bold}
.mall_main_2019 .col_box .btn{display:inline-block;width:173px;height:33px;line-height:32px;margin-top:20px;border:1px solid #ccc;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mall_main_2019 .col_box .btn:after{content:"";position:relative;top:-2px;display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:middle;border-radius:100%;background:url(/images/mall_new/ic_arrow.png) no-repeat 50% 50% #017896}
.mall_main_2019 .col_box i{display:block;width:60px;height:60px;margin:18px auto 0;border-radius:100%;background-color:#f6f6f6}
.mall_main_2019 .col_box li:hover{background:#f2fefe;border:1px solid #097c97;}
.mall_main_2019 .col_box li:hover .btn{color:#fff;background:#017896;border:1px solid #017896;}
.mall_main_2019 .col_box li:hover .btn:after{background:url(/images/mall_new/ic_arrow_ov.png) no-repeat 50% 50% #fff}
.mall_main_2019 .col_box .col2 li{width:350px}
.mall_main_2019 .col_box .col3 li{width:230px;}
.mall_main_2019 .refer_txt{margin-top:10px;font-size:13px;line-height:20px;text-indent:-9px;padding-left:9px}
.mall_main_2019 .col_box i.i1{background: url(/images/mall_new/ico_mall_main201901.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i2{background: url(/images/mall_new/ico_mall_main201902.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i3{background: url(/images/mall_new/ico_mall_main201903.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i4{background: url(/images/mall_new/ico_mall_main201904.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i5{background: url(/images/mall_new/ico_mall_main201905.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i6{background: url(/images/mall_new/ico_mall_main201906.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i7{background: url(/images/mall_new/ico_mall_main201907.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i8{background: url(/images/mall_new/ico_mall_main201908.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i9{background: url(/images/mall_new/ico_mall_main201909.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i10{background: url(/images/mall_new/ico_mall_main201910.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i11{background: url(/images/mall_new/ico_mall_main201911.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i12{background: url(/images/mall_new/ico_mall_main201912.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i13{background: url(/images/mall_new/ico_mall_main201913.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i14{background: url(/images/mall_new/ico_mall_main201914.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i15{background: url(/images/mall_new/ico_mall_main201915.png) no-repeat 50% 50%;}
.mall_main_2019 .col_box i.i16{background: url(/images/mall_new/ico_mall_main201916.png) no-repeat 50% 50%;}


.mall_gate{width: auto ! important;margin-bottom: -40px ! important;background: url(/images/mall_new/2019_gate/bg_mall_gate_2019.jpg) no-repeat 50% 0;}
@-moz-document url-prefix(){.mall_gate{ margin-bottom: -43px ! important;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.mall_gate{ margin-bottom: -43px ! important;}}
.mall_gate_2019{width:980px;min-height:600px;padding:80px 0;margin:0 auto;}
.mall_gate_2019 .main_banner .tit{margin-bottom:39px;line-height:50px;text-align:center;font-size:34px;color:#3c3947;font-family:'NanumSB';}
.mall_gate_2019 .main_banner .tit span{font-size:30px;}
.mall_gate_2019 .main_banner .tit span strong{color:#4151c7}
.mall_gate_2019 .main_banner .col_g{text-align:center;}
.mall_gate_2019 .main_banner .col_g .col{display:inline-block;width:270px;height:270px;vertical-align:top;background:#fff;box-sizing:border-box;}
.mall_gate_2019 .main_banner .col_g .col~.col{margin-left:21px;}
.mall_gate_2019 .main_banner .col_g .col p{position:relative;z-index:9;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_gate_2019 .main_banner .t1{padding-top:30px;font-size:22px;color:#333;font-family:'NanumSEB';}
.mall_gate_2019 .main_banner .t2{padding-top:15px;font-size:16px;color:#666;font-family:'Malgun Gothic';}
.mall_gate_2019 .main_banner .t3{padding-top:23px;margin-left:44px;font-size:16px;text-align:left;color:#929797;font-family:'Malgun Gothic';}
.mall_gate_2019 .main_banner .t4{margin-top:13px;font-size:46px;font-family:'NanumS';letter-spacing:-.5px;color:#5a7eeb}
.mall_gate_2019 .main_banner .t4 strong{font-family:'NanumSEB';}
.mall_gate_2019 .main_banner .col:nth-child(1) .t4{color:#fe4598}
.mall_gate_2019 .main_banner .t5{padding-top:30px;font-size:15px;line-height:22px;color:#333;}
.mall_gate_2019 .main_banner .t6{height:85px;padding-top:15px;font-size:16px;color:#666;font-family:'Malgun Gothic';}
.mall_gate_2019 .main_banner .t6.type{height:70px;}
.mall_gate_2019 .main_banner .t7{line-height:32px;letter-spacing:-.5px;font-size:20px;color:#333;font-family:'NanumSB';}
.mall_gate_2019 .main_banner .t7 strong{font-size:22px;color:#5a7eeb;font-family:'NanumSEB';}
.mall_gate_2019 .bx-wrapper .bx-prev{z-index : 10! important;left:0 ! important;top:219px ! important;margin-top:0 ! important;width:34px ! important;height:62px ! important;background:url(/images/mall_new/2019_gate/ico_mall_prev.png) no-repeat 50% 0 ! important}
.mall_gate_2019 .bx-wrapper .bx-next{z-index : 10! important;right:0 ! important;top:219px ! important;margin-top:0 ! important;width:34px ! important;height:62px ! important;background:url(/images/mall_new/2019_gate/ico_mall_nxt.png) no-repeat 50% 0 ! important}
.mall_gate_2019 .bx-wrapper .bx-controls{padding-top:65px}
.mall_gate_2019 .bx-wrapper .bx-pager{padding-top:0}
.mall_gate_2019 .bx-wrapper .bx-pager-item ~ .bx-pager-item{margin-left:13px;}
.mall_gate_2019 .bx-wrapper .pg{position:relative;display:block;width:160px;padding-bottom:18px;font-size:15px;color:#fff;font-family:'Malgun Gothic';}
.mall_gate_2019 .bx-wrapper .pg:before{content:"";position:absolute;left:65px;bottom:5px;width:0;height:2px;background:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_gate_2019 .bx-wrapper .pg:after{content:"";position:absolute;right:65px;bottom:5px;width:0;height:2px;background:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_gate_2019 .bx-wrapper .active .pg{background:url(/images/mall_new/2019_gate/txt_sh.png) no-repeat 50% bottom}
.mall_gate_2019 .bx-wrapper .active .pg:before{left:0;width:65px;}
.mall_gate_2019 .bx-wrapper .active .pg:after{right:0;width:65px;}
.mall_gate_2019 .search_group{position:relative;width:860px;height:60px;margin:80px auto 0;padding-right:170px;border:2px solid #4151c7;background:#fff;box-sizing:border-box;}
.mall_gate_2019 .search_group input{width:100%;height:56px;padding-left:20px;font-size:18px;border:0;font-family:'Malgun Gothic';}
.mall_gate_2019 .search_group .btn{position:absolute;top:0;right:0;width:160px;height:56px;font-family:'NanumS';font-size:20px;color:#fff;border:0;background:#4151c7}
.mall_gate_2019 .quick{position:relative;margin-top:70px}
.mall_gate_2019 .quick ul{position:relative;display:inline-block;font-size:0;}
.mall_gate_2019 .quick ul:before{content:"";position:absolute;top:83px;width:100%;height:1px;background:#8d9092}
.mall_gate_2019 .quick ul li{position:relative;z-index:1;display:inline-block;width:168px;height:168px;border-radius:100%;overflow:hidden;}
.mall_gate_2019 .quick ul li~li{margin-left:40px;}
.mall_gate_2019 .quick ul li a{display:block;height:168px;padding-top:40px;text-align:center;font-size:22px;font-family:'NanumS';color:#fff;background:#5b669a;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_gate_2019 .quick ul li a:before{content:"";position:relative;display:block;width:60px;height:40px;margin:0 auto 15px;}
.mall_gate_2019 .quick ul li:nth-child(1) a:before{background:url(/images/mall_new/2019_gate/ico_q1.png) no-repeat 50% 50%}
.mall_gate_2019 .quick ul li:nth-child(2) a:before{background:url(/images/mall_new/2019_gate/ico_q2.png) no-repeat 50% 50%}
.mall_gate_2019 .quick ul li:nth-child(3) a:before{background:url(/images/mall_new/2019_gate/ico_q3.png) no-repeat 50% 50%}
.mall_gate_2019 .quick ul li:nth-child(4) a:before{background:url(/images/mall_new/2019_gate/ico_q4.png) no-repeat 50% 50%}
.mall_gate_2019 .quick ul li a:hover{background:#4151c7}
.mall_gate_2019 .quick .talk{position:absolute;top:0;right:0;padding-top:90px;font-size:0;}
.mall_gate_2019 .quick .talk a{display:block;width:165px;height:60px;background:url(/images/mall_new/2019_gate/btn_talk.png) no-repeat 50% 50%}
.mall_gate_2019 .quick .talk a:before{content:"";position:absolute;top:-4px;left:0;right:0;width:74px;height:91px;margin:0 auto;background:url(/images/mall_new/2019_gate/img_cha.png) no-repeat 50% 50%}
.mall_gate_2019 .main_banner .col_g .col:before,.mall_gate_2019 .main_banner .col_g .col:after{box-sizing:border-box;transition:.3s ease-in-out;z-index:-1}
.mall_gate_2019 .main_banner .col_g .col{position:relative;overflow:hidden;}
.mall_gate_2019 .main_banner .col_g .col:before{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;background:#4151c7;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.mall_gate_2019 .main_banner .col_g .col:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
.mall_gate_2019 .main_banner .col_g .col:hover p{color:#fff}
.mall_gate_2019 .main_banner .col_g .col:hover p.t4,.mall_gate_2019 .main_banner .col_g .col:hover p.t7 strong{color:#fcd500}
.mall_gate_2019 .quick ul li a:before{transform:translateZ(0);box-shadow:0 0 1px transparent}
.mall_gate_2019 .quick ul li:hover a:before{animation-name:wobble-horizontalX;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
@keyframes wobble-horizontalX {16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}
.mall_gate_2019 .quick .talk a:before{transform:translateZ(0);box-shadow:0 0 1px transparent}
.mall_gate_2019 .quick .talk:hover a:before{animation-name:wobble-horizontalY;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
@keyframes wobble-horizontalY {16.65%{transform:translateY(-8px)}33.3%{transform:translateY(3px)}49.95%{transform:translateY(-4px)}66.6%{transform:translateY(2px)}83.25%{transform:translateY(-1px)}100%{transform:translateY(0)}}

@font-face{font-family:'NanumSL';src:url(font/NanumSquareL.eot);src:url(font/NanumSquareL.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareL.woff) format("woff")}
@font-face{font-family:'NanumS';src:url(font/NanumSquareR.eot);src:url(font/NanumSquareR.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareR.woff) format("woff")}
@font-face{font-family:'NanumSB';src:url(font/NanumSquareB.eot);src:url(font/NanumSquareB.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareB.woff) format("woff")}
@font-face{font-family:'NanumSEB';src:url(font/NanumSquareEB.eot);src:url(font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareEB.woff) format("woff")}

@font-face{font-family:'NanumL';src:url(font/NanumGothic-Light.eot);src:url(font/NanumGothic-Light.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Light.woff) format("woff")}
@font-face{font-family:'Nanum';src:url(font/NanumGothic-Regular.eot);src:url(font/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Regular.woff) format("woff")}
@font-face{font-family:'NanumB';src:url(font/NanumGothic-Bold.eot);src:url(font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Bold.woff) format("woff")}
@font-face{font-family:'NanumEB';src:url(font/NanumGothic-ExtraBold.eot);src:url(font/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-ExtraBold.woff) format("woff")}

/* 금상몰 외화 메인 2019-10-15  */
.mall_foeGate{width:auto ! important;}

.mall_foeGate_2019{background:url(/images/mall_new/foe/main_2019/bg_mall_foeGate.jpg) no-repeat 50% 0}
.mall_foeGate_2019 .cola{width:980px;height:800px;margin:auto;padding-top:50px;}
.mall_foeGate_2019 .colb{width:980px;padding:50px 0 75px 0;margin:auto;}
.mall_foeGate_2019 .search_group{position:relative;width:860px;height:60px;padding-right:170px;margin:0 auto;border:2px solid #4151c7;background:#fff;box-sizing:border-box;}
.mall_foeGate_2019 .search_group input{width:100%;height:56px;padding-left:20px;font-size:18px;border:0;font-family:'Malgun Gothic';}
.mall_foeGate_2019 .search_group .btn{position:absolute;top:0;right:0;width:160px;height:56px;font-family:'NanumS';font-size:20px;color:#fff;border:0;background:#4151c7}
.mall_foeGate_2019 .quick_box{overflow:hidden;padding-top:40px}
.mall_foeGate_2019 .quick_box .item{position:relative;float:left;width:314px;height:290px;padding-top:47px;text-align:center;background:#fff;box-sizing:border-box;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.mall_foeGate_2019 .quick_box .item{margin:0 19px 19px 0}
.mall_foeGate_2019 .quick_box .item:nth-child(3n){margin-right:0}
.mall_foeGate_2019 .quick_box .item p{position:relative;z-index:2;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_foeGate_2019 .quick_box .item p:nth-child(1):before{opacity:1;content:"";position:absolute;top:0;left:0;right:0;width:80px;height:70px;margin:0 auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_foeGate_2019 .quick_box .item p:nth-child(1):after{opacity:0;content:"";position:absolute;top:0;left:0;right:0;width:80px;height:70px;margin:0 auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_foeGate_2019 .quick_box .item:nth-child(1) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q1.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(2) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q2.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(3) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q3.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(4) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q4.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(5) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q5.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(6) p:nth-child(1):before{background:url(/images/mall_new/foe/main_2019/ico_q6.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(1) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q1_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(2) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q2_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(3) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q3_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(4) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q4_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(5) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q5_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item:nth-child(6) p:nth-child(1):after{background:url(/images/mall_new/foe/main_2019/ico_q6_ov.png) no-repeat 50% 50%;}
.mall_foeGate_2019 .quick_box .item p:nth-child(1){position:relative;padding-top:105px;font-size:20px;font-weight:bold}
.mall_foeGate_2019 .quick_box .item p:nth-child(2){margin-top:13px;line-height:22px;font-size:16px;}
.mall_foeGate_2019 .quick_box .item p:nth-child(3){margin-top:20px;font-size:16px;font-weight:bold;}
.mall_foeGate_2019 .quick_box .item:nth-child(4) p:nth-child(1),.mall_foeGate_2019 .quick_box .item:nth-child(5) p:nth-child(1),.mall_foeGate_2019 .quick_box .item:nth-child(6) p:nth-child(1){padding-top:90px;}
.mall_foeGate_2019 .quick_box .item a{display:block;}
.mall_foeGate_2019 .quick_box .item:hover{background:none}
.mall_foeGate_2019 .quick_box .item:hover p{color:#fff ! important}
.mall_foeGate_2019 .quick_box .item:hover p:nth-child(1):before{opacity:0;}
.mall_foeGate_2019 .quick_box .item:hover p:nth-child(1):after{opacity:1;}
.mall_foeGate_2019 .btn-ani:before,.mall_foeGate_2019 .btn-ani:after{box-sizing:border-box;transition:.3s ease-in-out;z-index:-1}
.mall_foeGate_2019 .btn-ani{position:relative;display:block;overflow:hidden;}
.mall_foeGate_2019 .btn-ani:before{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;background:#4151c7;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.mall_foeGate_2019 .btn-ani:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
.mall_foeGate_2019 .quick_box .item p:nth-child(1):after{transform:translateZ(0);box-shadow:0 0 1px transparent}
.mall_foeGate_2019 .quick_box .item:hover p:nth-child(1):after{animation-name:wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
@keyframes wobble-horizontal {16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}
.mall_foeGate_2019 .colb{overflow:hidden}
.mall_foeGate_2019 .coupon{float:left;width:313px;height:317px;background:url(/images/mall_new/foe/main_2019/ico_coupon.png) no-repeat 50% 56px #6699ea}
.mall_foeGate_2019 .coupon p{text-align:center;}
.mall_foeGate_2019 .coupon p:nth-child(1){position:relative;padding-top:130px;font-size:20px;font-weight:bold;color:#fff;}
.mall_foeGate_2019 .coupon p:nth-child(2){margin-top:13px;line-height:22px;font-size:16px;color:#fff;}
.mall_foeGate_2019 .coupon p:nth-child(3){margin-top:25px;}
.mall_foeGate_2019 .coupon a{position:relative;z-index:2;display:inline-block;overflow:hidden;width:135px;height:40px;text-align:center;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_foeGate_2019 .coupon a span{position:relative;z-index:3;display:block;font-weight:bold;line-height:38px;padding:0 20px;font-size:14px;color:#333;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mall_foeGate_2019 .coupon a:hover{border:1px solid #4151c7;background:#4151c7}
.mall_foeGate_2019 .coupon a:hover span{color:#fff;}
.mall_foeGate_2019 .coupon a:before,.mall_foeGate_2019 .coupon a:after{box-sizing:border-box;transition:.3s ease-in-out;z-index:-1}
.mall_foeGate_2019 .coupon a:before{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;background:#4151c7;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.mall_foeGate_2019 .coupon a:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
.mall_foeGate_2019 .infor{float:right;width:565px;padding-top:37px;}
.mall_foeGate_2019 .infor .tit{margin-bottom:29px;line-height:24px;font-size:20px;font-weight:bold;text-align:center}
.mall_foeGate_2019 .infor .tit a{position:relative;top:-3px;display:inline-block;width:24px;height:24px;margin-left:9px;vertical-align:middle;font-size:0;border:1px solid #ccc}
.mall_foeGate_2019 .infor .tit a:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:10px;height:2px;margin:auto;background:#333}
.mall_foeGate_2019 .infor .tit a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:3px;height:10px;margin:auto;background:#333}
.mall_foeGate_2019 .infor table{width:100%}
.mall_foeGate_2019 .infor table th{height:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:14px;background:#e8ecef}
.mall_foeGate_2019 .infor table tr:nth-child(1) th:nth-child(1){border-right:1px solid #ccc}
.mall_foeGate_2019 .infor table th~th{border-left:1px solid #ccc}
.mall_foeGate_2019 .infor table td{height:30px;line-height:30px;font-size:14px;text-align:center;border-bottom:1px solid #ccc;}
.mall_foeGate_2019 .infor table td~td{border-left:1px solid #ccc}
.mall_foeGate_2019 .infor table td:nth-child(1){text-align:left;padding-left:18px;}
.mall_foeGate_2019 .infor table td img{vertical-align:middle;margin-right:5px}
.box_d00167{position:relative;width:730px;height:79px;background:url(/images/mall_new/bg_d00167.png) no-repeat 0 0}
.box_d00167 span{position:absolute;left:210px;top:0;width:485px;height:62px;line-height:58px;text-align:center;font-size:30px;font-weight:bold;color:#5b8dd8;}

.tb_total_area{border: 1px solid #d8e3ef; background-color: #f5faff; padding: 11px 30px; margin-top: 10px;}
.tb_total_area ul li::after{content: ''; display: block; visibility: hidden; clear: both;}
.tb_total_area ul li .tb_tit{float: left; font-size: 14px; color: #576e85; font-weight: bold;}
.tb_total_area ul li .tb_txt{float: right; font-size: 14px; color: #576e85; font-weight: bold; text-align: right;}

/* 20201210 : 맨아래추가해주세요. */
.blind {display:inline-block; color:transparent; letter-spacing:-1000px;}
.top-blue-txt{color:#222;font-weight:bold;font-size:18px;}
.top-blue-txt + .p-text{margin-top:10px;}
.top-blue-txt + .box-list-area{margin-top:30px;}
.top-blue-txt + p{margin-top:5px;}
.top-blue-txt + p + .box-list-area{margin-top:20px;}
.box-list-area + .top-blue-txt{margin-top:30px;}
.p_list + .box-area01{margin-top: 20px;}
.p-text + .box-list-area{margin-top:40px;}

.table_col + .top-blue-txt{margin-top:40px;}
.table_col table + .star-list-area,
.table_col + .star-list-area{margin-top:8px;}

.subTitle .em-text{display:block;font-size:15px;font-weight:normal;}

.caution_area dl{padding: 25px 20px;}
.caution_area dl dt{margin-bottom:5px;}
.caution_area dl dd{margin-left:2px;}
.f_bold{font-weight:bold;}
ul.tabStyle.tabStyle2 .tMenu a {padding-left: 10px !important;padding-right: 10px !important;}

[class^='tab-content'] .subTitle:first-child{margin-top:0;}
.caution_area + .area_type01{margin-top:15px;}
.area_type01{position: relative;margin-top: 30px;padding: 15px 20px;border: 1px solid #dcdcdc;color: #333;background-color: #f6fbfc}
.star_txt02{margin-top:10px;padding-left:16px;text-indent: -14px;}

.p_list > li:first-child{margin-top:0;}
.p_list > li{margin-top:2px;}
.p_list > li > p{padding-left:18px;text-indent:-18px;}
.p_list > li .card_comm_box{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 0 2px 0;font-size: 12px;height: 18px;line-height: 16px;display: inline-block;-webkit-border-radius: 3px;border-radius: 3px;vertical-align: top;background: #888;color: #fff;border: 1px solid #888;min-width: 48px;text-align: center;vertical-align: middle;}

.dash-list{}
.dash-list>li{position:relative;padding-left:7px;}
.dash-list>li:before{content:' ';display:inline-block;position:absolute;left:0;top:11px;width:4px;height:1px;background:#555;}
.product_view .full_layout dl{margin-top:0;}
.product_view .full_layout dl ~ dl{margin-top:10px;}
.product_view .full_layout dd,
.product_view .full_layout dt{display:block;}
.product_view .full_layout dd{width:100%;margin-top:4px;}
.newStyle .btnIpMs:hover{text-decoration: none;}


/* 주요혜택 */
.box-list-area{padding-left:20px;}
.box-list-area .list-item{display:table;table-layout: fixed;width:100%;padding:20px 0;}
.box-list-area .list-item:first-child{padding-top:0;}
.box-list-area .list-item ~ .list-item{border-top:1px solid #ddd;}
.box-list-area .list-item:nth-child(2n) dl{}
.box-list-area .list-item .img{display:table-cell;width:100px;}
.box-list-area .list-item dl{display:table-cell;margin-top:0;width:auto;padding:10px 0 0 30px;margin:0;vertical-align: top;}

.box-list-area .list-item dt,
.box-list-area .list-item dd{display:block;min-width:100%;width:100%;}
.box-list-area .list-item .tit{font-size:18px;font-weight:bold;color:#017896;}
.box-list-area .list-item .tit ~ .tit{margin-top:20px;}
.box-list-area .list-item .text{font-size:15px;color:#333;margin-top:10px;}
.box-list-area .point-list li{position:relative;}

/* 유의사항 예외처리 */
.caution_area .bg-line-area{padding:25px 30px;background:#fff;}
.caution_area dl.bg-white{background:#fff;}
.caution_area dl.bg-white dt{margin:0;}

.dot-list01{}
.dot-list01>li{position:relative;padding-left:8px;}
.dot-list01>li:before{content:'';position:absolute;left:0;top:9px;display:inline-block;width:3px;height:3px;background:#aaa;}
.dot-list02{}
.dot-list02>li{position:relative;padding-left:8px;}
.dot-list02>li:before{content:'';position:absolute;left:0;top:9px;display:inline-block;width:3px;height:3px;background:#666;}

.star-list-area{position:relative;}
.star-list-area>.star-item{padding-left:10px;text-indent:-10px;}

/* box 타입 추가 */
.box-area01{padding: 10px 15px;color:#555;border:1px solid #e1e1e1;}

.num-list-line2{list-style-type: none;counter-reset: num-item-line;}
.num-list-line2>li{padding-left:22px;}
.num-list-line2>li:nth-child(9) ~ li{padding-left:26px;}

.num-list-line2>li:before {display: block;width: 12px;height: 12px;line-height: 1;float: left;font-size: 11px;counter-increment: num-item-line;content: counter(num-item-line) " ";margin-left: -20px;text-align:center;border:1px solid #555;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;transform:translateY(5px);-webkit-transform:translateY(5px);-mox-transform:translateY(5px);-ms-transform:translateY(5px);}
.num-list-line2>li:nth-child(9) ~ li:before{margin-left: -24px;}

/* 20201223 : 추가 */
.dataTable.row{}
.dataTable.row th.noBg,.dataTable.row td.noBg{border-left:0;background-image:none}
.dataTable.row tbody th{padding:5px 20px;background:#f7f7f7;text-align:left;color:#000;border-width:1px 0 1px 1px;border-style:solid;border-color:#e6e5e5;border-top-color:#fff}
.dataTable.row tbody td{border-left:0;padding:5px 20px;text-align:left}
.dataTable.row tbody td strong{color:#000;font-size:15px}

input[type="text"][disabled="disabled"],input[type="tel"][disabled="disabled"],input[type="number"][disabled="disabled"]{background:#f3f3f3}

.fl-area{}
.fl-area:after{content:'';display:block;clear:both}
.fl-area dt{display:inline-block;float:left;}
.fl-area dd{display:inline-block;float:right;}
.dataTable.row tbody td .btb-tb-dpn{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}
.btb-tb-dpn{overflow:hidden;display:inline-block;width:20px;height:20px;background:url(/images/mall_new/btn_arrow_dpn.png) no-repeat 50% -20px;vertical-align:middle;margin-left:15px}
.btb-tb-dpn.on{background:url(/images/mall_new/btn_arrow_dpn.png) no-repeat 50% 0}
.pageInfo .title .s-tit{font-size:14px;line-height:1}

/* 체크박스 */
.check-area{}
.check-area label,.check-area input[type="checkbox"]{vertical-align:middle}

/* 카드 */
.cardIntro_ui{}
.cardIntro_ui .cola{background:#f5f7fb;}
.cardIntro_ui .cola.etc{margin-bottom:-40px;}
.cardIntro_ui .cola.etc .cons{min-height:700px;}
.cardIntro_ui .cola.etc .cons:before{content:"";position:absolute;bottom:0;right:-65px;display:block;width:513px;height:353px;background:url(/images/mall_new/card/bg_etcCard.png) no-repeat 50% 50%}
.cardIntro_ui .cola .cons{position:relative;width:980px;padding:35px 0;margin:0 auto;box-sizing:border-box;}
.cardIntro_ui .colb{position:relative;width:980px;margin:0 auto;padding-top:40px}
.cardIntro_ui .list{overflow:hidden}
.cardIntro_ui .list li{overflow:hidden;float:left;position:relative;width:294px;height:270px;margin-right:49px;text-align:center;cursor:pointer;}
.cardIntro_ui .list li:nth-child(3n){margin-right:0;}
.cardIntro_ui .list .thum{position:relative;width:234px;padding-top:32px;margin:0 auto}
.cardIntro_ui .list .thum i{position:absolute;top:21px;right:5px;}
.cardIntro_ui .list .thum img{width:234px;height:147px}
.cardIntro_ui .list .tit{padding-top:17px;font-size:17px;font-weight:bold}
.cardIntro_ui .list .dec{margin-top:8px;color:#555}
.cardIntro_ui .i1{width:53px;height:57px;background:url(/images/mall_new/card/ico/ic_creditCard1.png) no-repeat 50% 50%}
.cardIntro_ui .i2{width:56px;height:56px;background:url(/images/mall_new/card/ico/ic_creditCard2.png) no-repeat 50% 50%}
.cardIntro_ui .i3{width:59px;height:65px;background:url(/images/mall_new/card/ico/ic_creditCard3.png) no-repeat 50% 50%}
.cardIntro_ui .i4{width:61px;height:78px;background:url(/images/mall_new/card/ico/ic_creditCard4.png) no-repeat 50% 50%}
.cardIntro_ui .i5{width:77px;height:67px;background:url(/images/mall_new/card/ico/ic_creditCard5.png) no-repeat 50% 50%}
.cardIntro_ui .i6{width:56px;height:56px;background:url(/images/mall_new/card/ico/ic_creditCard6.png) no-repeat 50% 50%}
.cardIntro_ui .i7{width:55px;height:55px;background:url(/images/mall_new/card/ico/ic_creditCard7.png) no-repeat 50% 50%}
.cardIntro_ui .i8{width:86px;height:55px;background:url(/images/mall_new/card/ico/ic_creditCard8.png) no-repeat 50% 50%}
.cardIntro_ui .i9{right:28px ! important;width:81px;height:63px;background:url(/images/mall_new/card/ico/ic_creditCard9.png) no-repeat 50% 50%}
.cardIntro_ui .i10{width:50px;height:55px;background:url(/images/mall_new/card/ico/ic_creditCard10.png) no-repeat 50% 50%}
.cardIntro_ui .i11{width:61px;height:60px;background:url(/images/mall_new/card/ico/ic_creditCard11.png) no-repeat 50% 50%}
.cardIntro_ui .i12{width:75px;height:59px;background:url(/images/mall_new/card/ico/ic_creditCard12.png) no-repeat 50% 50%}
.cardIntro_ui .i13{width:55px;height:55px;background:url(/images/mall_new/card/ico/ic_creditCard13.png) no-repeat 50% 50%}
.cardIntro_ui .i14{width:68px;height:59px;background:url(/images/mall_new/card/ico/ic_creditCard14.png) no-repeat 50% 50%}
.cardIntro_ui .i15{width:65px;height:56px;background:url(/images/mall_new/card/ico/ic_creditCard15.png) no-repeat 50% 50%}
.cardIntro_ui .i16{width:69px;height:59px;background:url(/images/mall_new/card/ico/ic_creditCard16.png) no-repeat 50% 50%}
.cardIntro_ui .i17{width:138px;height:41px;background:url(/images/mall_new/card/ico/ic_creditCard17.png) no-repeat 50% 50%}
.cardIntro_ui .i18{width:56px;height:73px;background:url(/images/mall_new/card/ico/ic_creditCard18.png) no-repeat 50% 50%}
.cardIntro_ui .cardList_slider li{overflow:hidden;position:relative;height:230px;text-align:center;cursor:pointer;}
.cardIntro_ui .cardList_slider img{display:inline-block ! important}
.cardIntro_ui .cardList_slider .thum{padding-top:32px}
.cardIntro_ui .cardList_slider .tit{padding-top:17px;font-size:16px;font-weight:bold}
.cardIntro_ui .cardList_slider .dec{margin-top:8px;color:#555}
.cardIntro_ui .cardList_slider .bx-wrapper .bx-prev{left:-42px;top:50%;width:18px;height:27px;background:url(/images/mall_new/card/btn_sPrev.png) no-repeat 50% 50%}
.cardIntro_ui .cardList_slider .bx-wrapper .bx-next{right:-42px;top:50%;width:18px;height:27px;background:url(/images/mall_new/card/btn_sNext.png) no-repeat 50% 50%}
.cardIntro_ui .back{border:3px solid #4151c7;border-radius:5px;background:#fff;box-sizing:border-box;}
.cardIntro_ui .back .tit i{display:block;height:80px ! important;margin:0 auto 0}
.cardIntro_ui .back .usepay{position:relative;display:inline-block;margin-top:12px;padding-left:63px;text-align:left}
.cardIntro_ui .back .usepay dt{position:absolute;top:10px;left:0;width:56px;height:23px;line-height:21px;margin-right:5px;text-align:center;font-size:12px;border:1px solid #777;border-radius:5px;background:#f5f7fb}
.cardIntro_ui .back .usepay dd{font-size:12px;}
.cardIntro_ui .back .usepay dd em{color:#4151c7}
.cardIntro_ui .back .usepay dd i{position:relative;top:-1px;display:inline-block;margin-right:2px;font-size:0;vertical-align:middle; }
.cardIntro_ui .back .usepay dd i.i_car1{width:19px;height:12px;background:url(/images/mall_new/card/i_car1.png) no-repeat 50% 50%} /* 유니온페잊 */
.cardIntro_ui .back .usepay dd i.i_car2{width:20px;height:12px;background:url(/images/mall_new/card/i_car2.png) no-repeat 50% 50%} /* 마스터 */
.cardIntro_ui .back .usepay dd i.i_car3{width:30px;height:12px;background:url(/images/mall_new/card/i_car3.png) no-repeat 50% 50%} /* 글로벌 */
.cardIntro_ui .back .usepay dd i.i_car4{width:28px;height:8px;background:url(/images/mall_new/card/i_car4.png) no-repeat 50% 50%} /* 비자 */
.cardIntro_ui .back .usepay.type{margin-top:18px;}
.cardIntro_ui .back .usepay.type dt{top:0}
.cardIntro_ui .back .usepay.type2{margin-top:7px}
.cardIntro_ui .back .usepay.type2 dt{top:15px}
.cardIntro_ui .back .usepay.type2 dd{position:relative;line-height:15px;padding-left:62px}
.cardIntro_ui .back .usepay.type2 dd~dd{margin-top:2px}
.cardIntro_ui .back .usepay.type2 dd span{position:absolute;top:0;left:0;width:55px;text-align:center}
.cardIntro_ui .back .usepay.type2 dd i{margin-top:3px}
.cardIntro_ui .back .btn_g{position:absolute;width:100%;text-align:center;bottom:27px;}
.cardIntro_ui .back .b1,.cardIntro_ui .back .b2{display:inline-block;width:85px;height:36px;line-height:34px;text-align:center;box-sizing:border-box;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.cardIntro_ui .back .b1{border:1px solid #ccc}
.cardIntro_ui .back .b1:hover{color:#fff;background:#4151c7;border:1px solid #4151c7}
.cardIntro_ui .back .b2{margin-left:7px;color:#fff;background:#4151c7;border:1px solid #4151c7}
.cardIntro_ui .back .b2:hover{color:#4151c7;background:#fff;border:1px solid #4151c7}
.cardIntro_ui .cardList_slider .thum img{width:150px;height:94px}
.cardIntro_ui .cardList_slider .back .tit{padding-top:26px}
.cardIntro_ui .cardList_slider .back .usepay{margin-top:17px;padding-left:0;}
.cardIntro_ui .cardList_slider .back .usepay dt{display:block;position:static;top:0;margin:0 auto 5px;}
.cardIntro_ui .front{opacity:1;display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.cardIntro_ui .back{display:block;position:absolute;left:0;bottom:-50%;width:100%;height:50%;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cardIntro_ui .box_g{position:relative;top:90px;height:100%;box-sizing:border-box;-webkit-transition:all 0.45s ease-in;transition:all 0.45s ease-in-out;}
.cardIntro_ui li:hover .front{top:-100%;opacity:0;}
.cardIntro_ui li:hover .back{height:100%;bottom:0;}
.cardIntro_ui li:hover .box_g{top:0;}

.titleBar_card{height:120px;padding-top:29px;margin-top:24px;text-align:center;background:#f6f7fc;box-sizing:border-box;}
.titleBar_card.type{height:85px;}
.titleBar_card h4{font-weight:bold;font-size:26px;}
.titleBar_card + .card_img{margin-top:-48px;text-align:center}
.card_mall .preocess{height:34px;margin-bottom:30px;}
.card_mall .preocess.s1{background:url(/images/mall_new/card/process_1.png) no-repeat 50% 50%}
.card_mall .preocess.s2{background:url(/images/mall_new/card/process_2.png) no-repeat 50% 50%}
.card_mall .preocess.s3{background:url(/images/mall_new/card/process_3.png) no-repeat 50% 50%}
.card_mall .preocess.s4{background:url(/images/mall_new/card/process_4.png) no-repeat 50% 50%}
.card_mall .preocess.s5{background:url(/images/mall_new/card/process_5.png) no-repeat 50% 50%}
.card_mall .preocess li{font-size:0}
.card_mall .guide{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #848486}
.card_mall .guide h5{position:relative;margin-bottom:20px;text-align:center;}
.card_mall .guide h5 span{position:relative;display:inline-block;padding:0 10px;font-size:16px;font-weight:bold;background:#fff}
.card_mall .guide h5 span:before{content:"";position:relative;top:-1px;display:inline-block;width:74px;height:74px;vertical-align:middle;margin-right:10px;background:url(/images/mall_new/card/ico_guide.png) no-repeat 50% 50%}
.card_mall .guide h5:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;height:1px;margin:auto 0;background:#848486}
.card_mall .guide ul{margin-left:20px}
.card_mall .guide li{position:relative;padding-left:17px;}
.card_mall .guide li:before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#aaa}
.card_mall .guide li span{color:#0072bc}
.card_mall .guide li em{color:#ff460d}
.card_mall .msg{padding:15px 0;text-align:center;border-top:1px solid #848486;border-bottom:1px solid #848486}
.card_mall .msg span{color:#ff460d}
.card_mall .msg:before{content:"";display:inline-block;position:relative;top:-1px;width:25px;height:25px;vertical-align:middle;margin-right:5px;background:url(/images/mall_new/card/ico_refer.png) no-repeat 50% 50%}
.card_mall h5{margin:40px 0 15px 0;font-size:16px;font-weight:bold;}
.card_mall .certi{margin-top:15px}
.card_mall .certi div{height:260px;padding:35px 0 0 400px;border:1px solid #ddd;box-sizing:border-box;background:url(/images/mall_new/card/img_certi.png) no-repeat 54px 50%}
.card_mall .certi.type div{height:258px;padding-left:400px;border:1px solid #ddd;background:url(/images/mall_new/card/img_certi2.png) no-repeat 54px 50%}
.card_mall .certi dl{margin-top:10px;}
.card_mall .certi dt{font-size:16px;font-weight:bold}
.card_mall .certi dd{margin-top:10px;}
.card_mall .certi dd~dt{margin-top:17px}
.card_mall .certi .inputText{border:1px solid #ddd;}
.card_mall .certi .txt{margin-top:15px;font-size:13px;}
.card_mall .certi .txt span{color:#ff460d}
.card_mall select{border:1px solid #ddd;}
.card_mall .agree_chk{border-top:1px solid #ddd}
.card_mall .agree_chk dl{overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd}
.card_mall .agree_chk dt{float:left;width:290px;font-size:15px}
.card_mall .agree_chk dt.dt{position:relative;top:29px}
.card_mall .agree_chk dt.type{width:450px;}
.card_mall .agree_chk dd{float:left;}
.card_mall .agree_chk dd .btn{float:left;width:195px}
.card_mall .agree_chk dd .btn a{display:inline-block;width:94px;height:24px;line-height:24px;font-size:12px;text-align:center;border:1px solid #ccc;border-radius:3px;}
.card_mall .agree_chk dd .btn a:after{content:"";position:relative;top:-3px;display:inline-block;width:9px;height:8px;vertical-align:middle;margin-left:7px;background:url(/images/mall_new/card/ico_arrow_down.png) no-repeat 0 0}
.card_mall .agree_chk dd .btn a.active:after{background:url(/images/mall_new/card/ico_arrow_up.png) no-repeat 0 0}
.card_mall .agree_chk dd .chk{float:left;}
.card_mall .agree_chk .col{clear:both;padding-top:10px;margin-left:290px;}
.card_mall .agree_chk .col .tt{margin-bottom:4px}
.card_mall .agree_chk .col .refer{padding-left:7px;text-indent:-7px;font-size:13px;}
.card_mall .agree_chk .allchk{margin:30px 0 38px 0;text-align:center}
.card_mall .agree_chk .allchk strong{font-size:16px}
.card_mall .agree_chk dd.type{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #ddd}
.card_mall .agree_chk .check label{position:relative;top:-5px;margin-left:5px;}
.card_mall .agree_chk .check~.check{margin-left:55px}
.card_mall .agree_chk .document{clear:both;width:100%;margin-top:20px;text-align:center;}
.card_mall .agree_chk .document img{border:1px solid #cdcdcd}
.card_mall .des_box{border:1px solid #ddd}
.card_mall .des_box dt{padding:12px 0;text-align:center;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;background:#fafafa}
.card_mall .des_box dd{padding:20px 30px;word-break:keep-all;}
.card_mall .scraping_agree{position:relative;padding:20px;margin-top:20px;border:1px solid #e0e0e0;}
.card_mall .scraping_agree p{color:#ff460d}
.card_mall .scraping_agree .input_chk{position:absolute;top:25px;right:50px;}
.card_mall .msg_list{padding:15px 20px;border-top:1px solid #848486;border-bottom:1px solid #848486}
.card_mall .msg_list li{position:relative;padding-left:17px;word-break:keep-all;}
.card_mall .msg_list li:before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#aaa}
.card_mall .msgTxt_box{line-height:28px;text-align:center;font-size:18px;font-weight:bold}
.card_mall .msgTxt_box i{display:block;margin:0 auto 20px;}
.card_mall .msgTxt_box i.i1{width:85px;height:85px;background:url(/images/mall_new/card/ico_refer2.png) no-repeat 0 0}
.card_mall .msgTxt_box i.i2{width:80px;height:71px;background:url(/images/mall_new/card/ico_end.png) no-repeat 0 0}

/* 신규 테이블타입 정의목록(dl) : 기업 스타일 가져옴 기존 클래스에 type 추가 */
.dlTypeTb.type{position:relative; width:100%; border-top:1px solid #0059ab; }
.dlTypeTb.type dl{position:relative; display:table; float:none; width:100%; background:#f7f7f7; border-bottom:1px solid #e6e5e5;}
.dlTypeTb.type dt{float:none; display:table-cell; vertical-align:middle; height:44px}
.dlTypeTb.type dt span, .dlTypeTb.type dt label, .dlTypeTb.type dt a{position:relative; top:0; left:13px; margin-top:0; padding:0; color:#333; font-size:14px; font-weight:bold; line-height:18px;}
.dlTypeTb.type dd{display:table-cell; float:none; width:530px;  padding:7px 10px; background:#fff; height:44px; vertical-align:middle;}
.dlTypeTb.type .inputText,.dlTypeTb.type select{border:1px solid #ddd;}
.dlTypeTb.type .radio .checkedBg,.dlTypeTb.type .radio .checkedFocusBg{background: url(/images/biz_new/common/bg_radio.png) no-repeat 0 -25px;}
.dlTypeTb.type input::-webkit-input-placeholder{font-size:13px;color:#666}
.dlTypeTb.type input:-ms-input-placeholder{font-size:13px;color:#666}
.dlTypeTb.type .annualFee_txt{margin-top:10px}
.dlTypeTb.type .annualFee_txt span{display:inline-block;width:54px;height:22px;line-height:20px;text-align:center;font-size:12px;border-radius:3px;border:1px solid #777}
.dlTypeTb.type .txt_msg{padding-left:7px;text-indent:-7px;font-size:13px;color:#ff460d;word-break:keep-all;}
.dlTypeTb.type .txt_msg2{padding-left:7px;text-indent:-7px;font-size:13px;word-break:keep-all;}

.noticeBox.type{padding:23px 30px 20px 30px; border:1px solid #dddddd; background:#fff;}
.noticeBox.type dl{ margin-left:70px;}
.noticeBox.type dt{height:auto; padding-left:18px; font-size:14px; color:#333; font-family: 맑은고딕, malgun gothic; font-weight:bold; background:url(/images/biz_new/common/bg_notice_dt.png) no-repeat 0 2px; margin-bottom:2px;}
.noticeBox.type dd{ margin-left:9px; line-height:22px; letter-spacing:-1px;}
.noticeBox.type.img01{ background:url(/images/biz_new/common/img_box01.gif) no-repeat 30px 15px}
.noticeBox.type .listTypeDot li:before{width:3px; height:3px; background:#aaa; position:absolute; top:10px; left:0px; content: '';}
.noticeBox.type .listTypeDot li{position:relative; padding-left:7px;background:none ! important;word-break:keep-all}
.noticeBox.type .txt_arrow{text-indent:-16px;padding-left:16px}

.titMall_type{margin:40px 0 8px 0;font-size:16px;font-weight:bold;}
.point01{color:#ff460d !important;}

.tMenu{ border-top:1px solid #ccc; border-right:1px solid #ccc}
.tMenu:first-child{border-left:1px solid #ccc}
.tMenu a{display:block;  text-align:center; background:#ffffff; color:#222; letter-spacing:-1px; text-decoration:none; font-size:15px; height:40px; line-height:40px;}

.tabWrap.type .tabStyle{border-bottom:1px solid #0053a6;}
.tabWrap.type .tabStyle .selected{border-top:1px solid #0053a6; border-left:1px solid #0053a6; border-right:1px solid #0053a6; }
.tabWrap.type .tabStyle .selected a{height:40px; padding-bottom:0; border-color:#005fa1; background:#005fa1; color:#fff; font-weight:bold}
.tabWrap.type .tabStyle .selected:after{bottom:0; background:#005fa1;}
.tabWrap.type ul.tabStyle .tMenu a{padding:0 25px}

.input_chk input{opacity:0;-webkit-appearance:none}
.input_chk{display:inline-block;position:relative;line-height:26px;}
.input_chk label{display:inline-block;padding-left:35px;}
.input_chk input{position:absolute;top:2px;left:0;}
.input_chk label:before{content:"";position:absolute;top:2px;left:0;width:26px;height:26px;background:url(/images/mall_new/card/chk_type.png) no-repeat 0 0}
.input_chk input:checked + label::before{background:url(/images/mall_new/card/chk_on_type.png) no-repeat 0 0}
.input_chk~.input_chk{margin-left:10px;}

.f15{font-size:15px}

.lpop.type{border:0;}
.lpop.type:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6}
/*2022.08 : 수정*/
.process_end:not(.b_none){position:relative;padding:40px 0;margin-bottom:37px;border:1px solid #ddd;text-align:center;font-size:18px;font-weight:bold;}
.process_end div{position:relative;display:inline-block;padding-left:55px;text-align:left}
.process_end div:before{content:"";position:absolute; top:0;left:0;display:block;width:38px;height:36px;background:url(/images/biz_new/common/img_process_end01.gif) no-repeat 0 0;}
.process_end div p{line-height:22px;margin-top:15px;font-size:14px;font-family:Malgun Gothic;}
/*2022.08 : 추가*/
.process_end p {padding: 40px 0;text-align: center;}
.process_end p.type01 {padding: 5px 0 20px 0;}
.process_end span {font-size: 18px;font-weight: bold;display: inline-block;vertical-align: top;}
.process_end span.img07 {display: inline-block;width: 50px;height: 40px;margin-right: 10px;background: url(/images/biz_new/common/img_process_end07.png) no-repeat 0 0;vertical-align: bottom;}
.process_end span.a_left {text-align: left !important;margin-left: 3px;}
.process_end.b_none {border: 0 none;}

.error_data_box {background: #f9f9f9;}
.error_data_box ul {padding: 8px;overflow: hidden;}
.error_data_box ul dt {float: left;width: 20%;font-size: 15px;color: #333;}
.error_data_box ul dd {float: left;width: 80%;font-size: 15px;color: #333;}
.error_data_box ul dd.error_point {color: #ff460d;}

/* 신규버튼 */
.btnDefault.type{padding-top:40px}
.btn_blue.type{display:inline-block; padding:0 0 0 20px !important; line-height:38px; text-decoration:none !important; border-radius:5px; background:#005fa1;}
.btn_blue.type span{display:inline-block; height:40px; line-height:38px; padding:0 20px 0 0 !important; margin-right:0 !important; border-radius:5px; background:#005fa1; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px;}
.btn_gray.type{display:inline-block; padding:0 0 0 20px !important; line-height:38px; text-decoration:none !important; border-radius:5px; background:#676767;}
.btn_gray.type span{display:inline-block; height:40px; line-height:38px; padding:0 20px 0 0 !important; margin-right:0 !important; border-radius:5px; background:#676767; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px;}
.btn_comm{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -99px; line-height:28px; text-decoration:none !important; height:30px;}
.btn_comm span{display:inline-block; height:30px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -99px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px;}	
.btn_map{display:inline-block; padding:0 0 0 27px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -834px; line-height:28px; text-decoration:none !important;}
.btn_map span{display:inline-block; height:30px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -834px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px;}
.btn_detail01{display:inline-block; padding:0 0 0 30px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -262px; line-height:28px; text-decoration:none !important;}
.btn_detail01 span{display:inline-block; height:30px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -262px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px;}
.btn_s1{display:inline-block;min-width:62px;height:30px;line-height:28px;padding:0 15px;text-align:center;font-size:12px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;}
.btn_s2{display:inline-block;min-width:62px;height:30px;line-height:30px;padding:0 15px;text-align:center;font-size:12px;color:#fff;border-radius:5px;background:#0a86d8;box-sizing:border-box;}

/*2022.08 : 신규추가 */
/*2022.08 : 레이어 팝업 안 버튼 재정의(개인 window 팝업에서의 중복으로 표현안되는 문제)*/
#popupWrap .btn_blue{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 0; line-height:38px; text-decoration:none !important;}
#popupWrap .btn_blue span{display:inline-block; height:40px; padding:0 25px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% 0; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px; line-height:38px;}
/*2022.08 : 레이어 팝업 안 버튼 재정의(개인 window 팝업에서의 중복으로 표현안되는 문제)*/
#popupWrap .btn_l_blue{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -45px; line-height:38px; text-decoration:none !important;}
#popupWrap .btn_l_blue span{display:inline-block; height:40px; padding:0 25px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -45px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px; line-height:38px;}
	.btn_blue{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 0; line-height:38px; text-decoration:none !important;}
	.btn_blue span{display:inline-block; height:40px; padding:0 25px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% 0; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px;}
	.btn_l_blue{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -45px; line-height:38px; text-decoration:none !important;}
	.btn_l_blue span{display:inline-block; height:40px; padding:0 25px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -45px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px;}
	/* 2022.08 : 금상몰과 버튼 겹침으로 인하여 && 당장 사용할 필요 없으므로 주석처리
	.btn_gray{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -90px; line-height:38px; text-decoration:none !important;}
	.btn_gray span{display:inline-block; height:40px; padding:0 25px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -90px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold;  min-width:60px;}
	.btn_login_b{display:inline-block; width:80px; height:67px; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -174px; line-height:65px; border:0; padding:0; margin:0; cursor:pointer; color:#fff; font-size:15px; font-weight:bold}
	.btn_login_g{display:inline-block; width:80px; height:67px; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -246px; line-height:65px; border:0; padding:0; margin:0; cursor:pointer; color:#fff; font-size:15px; font-weight:bold}
	.btn_white{display:inline-block; padding:0 0 0 20px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -531px; line-height:38px; text-decoration:none !important;}
	.btn_white span{display:inline-block; height:40px; padding:0 20px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -531px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#666; font-weight:bold;  min-width:60px;}
	.btn_white_s{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -576px; line-height:38px; text-decoration:none !important;}
	.btn_white_s span{display:inline-block; height:34px; line-height:32px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -576px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;  min-width:60px;}
	.btn_white_android{display:inline-block; padding:0 0 0 30px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -615px; line-height:38px; text-decoration:none !important;}
	.btn_white_android span{display:inline-block; height:34px; line-height:32px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -615px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;  min-width:60px;}
	.btn_white_iphone{display:inline-block; padding:0 0 0 30px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -654px; line-height:38px; text-decoration:none !important;}
	.btn_white_iphone span{display:inline-block; height:34px; line-height:32px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -654px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#333; font-weight:bold;  min-width:60px;}
	.btn_l_blue_s{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -693px; line-height:38px; text-decoration:none !important;}
	.btn_l_blue_s span{display:inline-block; height:34px; line-height:32px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 100% -693px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#0065a1; font-weight:bold;  min-width:60px; font-weight:bold}
	.btn_white_xs{display:inline-block;height:28px;line-height:28px;padding:0 12px;font-size:12px;color:#333;text-decoration:none ! important;border:1px solid #ccc;border-radius:5px;}
	*/
/*2022.08 : 신규추가 */
/* 큰 버튼 스타일 */
	.btnBarea{margin-top:40px;text-align:center;font-size:0;}
	.btnBarea a~a{margin-left:8px;}
	.btnBarea a:hover{text-decoration:none;color:#fff}
	.btn_blueB_type,.btn_grayB_type,.btn_blueB2_type{display:inline-block;min-width:100px;height:40px;padding:0 30px;line-height:40px;border-radius:5px;font-weight:bold;font-weight:bold;font-family:Malgun Gothic;text-align:center;font-size:15px;color:#fff;box-sizing:border-box;}
	.btn_blueB_type{background:#005fa1;}	
	.btn_blueB2_type{background:#007bcd;}
	.btn_grayB_type{background:#676767;}
	.btn_blueS_type{display:inline-block;min-width:65px;height:30px;padding:0 15px;line-height:28px;border-radius:7px;font-weight:bold;font-weight:bold;font-family:Malgun Gothic;text-align:center;font-size:12px;border:1px solid #0080cb;color:#0080cb;box-sizing:border-box;}
	.btn_blueS_type:hover{text-decoration:none;color:#0080cb}
	.btn_blueS_type:after{content:"";position:relative;top:-1px;display:inline-block;width:5px;height:9px;margin-left:7px;vertical-align:middle;background:url(/images/contents/ioc_btn_arr.png) no-repeat 0 0;}
	.btn_blueB3_type{display:inline-block;min-width:100px;height:40px;padding:0 30px;line-height:40px;border-radius:7px;font-weight:bold;font-weight:bold;font-family:Malgun Gothic;text-align:center;font-size:15px;color:#005fa1;border:1px solid #005fa1;background:#fff;box-sizing:border-box;}
	.btn_blueB3_type:hover{text-decoration:none;color:#005fa1}
	.btn_type_print{display:inline-block;min-width:100px;height:40px;padding:0 15px;line-height:40px;border-radius:7px;font-weight:bold;font-weight:bold;font-family:Malgun Gothic;text-align:center;font-size:15px;color:#666;border:1px solid #ccc;background:#fff;box-sizing:border-box;}
	.btn_type_print:before{content:"";position:relative;top:-2px;display:inline-block;width:20px;height:18px;vertical-align:middle;margin-right:5px;background:url(images/contents/ico_printBlue.png) no-repeat 0 0}
	.btn_type_print:hover{text-decoration:none;color:#666 ! important}
    .btn_blueS_type.type:after{display:none}
    .btn_in{display:inline-block; padding:0  !important; line-height:20px; vertical-align:top; text-decoration:none !important; border:1px solid #ccc; border-radius:4px}
	.btn_in span{display:inline-block; height:22px; padding:0 10px !important; margin-right:0 !important; font-family:Malgun Gothic; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px;}
	.btn_dView{display:inline-block;width:94px;height:24px;line-height:24px;font-size:12px;text-align:center;border:1px solid #ccc;border-radius:3px;}
	.btn_dView:after{content:"";position:relative;top:-3px;display:inline-block;width:9px;height:8px;vertical-align:middle;margin-left:7px;background:url(/images/contents/ico_arrow_down.png) no-repeat 0 0}
	.btn_dView.active:after{background:url(/images/contents/ico_arrow_up.png) no-repeat 0 0}
	.btn_dView:hover{color:#666;text-decoration:none}	
	
	.btnBarea_g{overflow:hidden;margin-top:40px;}
	.btnBarea_g div{width:350px;min-height:158px;padding:30px 10px;text-align:center;border:1px solid #e0e0e0;box-sizing:border-box;}
	.btnBarea_g div p{margin-bottom:20px;line-height:19px;font-size:14px;color:#222;font-family:Malgun Gothic;}
	.btnBarea_g div:nth-child(1){float:left;}
	.btnBarea_g div:nth-child(2){float:right;}
	.btnBarea_g a:hover{text-decoration:none;color:#fff}

.blet-caution{position:relative;padding-left:20px;color:#666!important;font-size:14px;line-height:1.4}
.blet-caution::before{content:attr(data-caution);position:absolute;left:0;top:2px;display:inline-block;width:16px;height:16px;text-align:center;line-height:1;color:#fff!important;background-color:orange;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}

/* 20210208 */
/* 툴팁추가 */
:focus-visible{outline:#888 dotted 1px}
:focus:not(:focus-visible){outline:0}
/* 툴립추가 */
.tooltip-div{display:inline-block;position:absolute;top:2px;}
.tooltip-area{display:inline-block;position:absolute;vertical-align:top}

/*예외*/
label>div>.btn-tooltip{top:5px}
/*금상몰 특성의 코드 추가*/
.btn-tooltip{display:inline-block;width:18px;height:18px;font-size:11px;background:url(/images/contents/icon_tooltip.png) 50% 50% no-repeat;position:absolute;left:5px;z-index:10}
.tooltip-area .tooltip-box{display:none;min-width:250px;position:absolute;border:1px solid #a0a0a0;background:#fff;padding:15px;z-index:10;box-sizing:border-box;-webkit-box-shadow:4px 4px 20px -5px rgba(0,0,0,.2);-moz-box-shadow:4px 4px 20px -5px rgba(0,0,0,.2);-ms-box-shadow:4px 4px 20px -5px rgba(0,0,0,.2);-o-box-shadow:4px 4px 20px -5px rgba(0,0,0,.2);box-shadow:4px 4px 20px -5px rgba(0,0,0,.2)}
.tooltip-area .tooltip-box.pt{padding:25px 15px 15px}
.tooltip-area .tooltip-box:before{content:'';width:11px;height:7px;position:absolute;left:30px;top:-7px;background:url(/images/contents/btn_arrow_s01.png) 50% 50% no-repeat;z-index:0}
.tooltip-area .p-text{line-height:1.4}
.tooltip-box .btn-tooltip-close{display:block;width:30px;height:32px;position:absolute;right:0;top:0;left:auto;left:initial;margin-left:-22px;background:url(/images/contents/btn_tooltip_close.png) 50% 50% no-repeat}
.tooltip-box dt{font-size:14px;color:#222}
.tooltip-box dd{margin-top:7px;font-size:14px;color:#666}

/* 2021-02-23 : ELF펀드 */
.fund_txt dt{color: #333; font-size: 20px; font-weight: bold; margin-bottom: 12px;}
.info-list{color: #666; font-size: 13px; line-height: 18px;}
.info-list li{position: relative; padding-left: 80px;}
.info-list li strong{position: absolute; left: 0; top: 0; display: inline-block; width: 70px;}
.product_rate{font-size: 22px; min-width: 140px; font-weight: bold; color: #e11922; vertical-align: middle;}
.product_rate.txtCoBlue{color: #558ce0;}
.product_rate .sub_txt{font-size: 14px; color: #333; font-weight: normal; line-height: 16px; margin-top: 4px;}

.tooltip-tit{position:relative; display:inline-block;}
.tooltip-tit > .tooltip-area{position:relative; display:inline-block; vertical-align:middle;}
.tooltip-tit > .tooltip-area .tooltip-box{left:-27px;}
.tooltip-tit > .tooltip-area > a{position:static}

/* -----------------------------------------
	20210319 :  mall_new.css 추가
-----------------------------------------*/
.mall-area .popInnerWrap{padding:20px}
.bg-skyblue{padding:25px 25px 19px;color:#333;text-align:center;font-family:Malgun Gothic;font-size:16px;font-weight:700;background:#f4fbff}
.bg-skyblue2{padding:25px;color:#333;font-family:Malgun Gothic;font-size:18px;background:#f4fbff;}
.bg-skyblue2 p{font-size: 15px;}
.bg-skyblue2 .listTypeDot li{font-size: 14px;}
.dlTypeTb dt.img_tit span{margin-top:-39px}
.dlTypeTb dt.img_tit img{width:100px}
.dlTypeTb dl.line_br dt{padding:3px 0 3px 20px}
.dlTypeTb dl.line_br dd{min-height:35px}
.refer-top{font-size:10px;}
.accodion-area>.acbox{border:1px solid #e6e6e6;border-radius:15px;min-height:50px}
.accodion-area>.acbox~.acbox{margin-top:15px}
.accodion-area>.acbox>.btn-view{line-height:50px;background:0 0;border:0;outline:0;padding:0 15px;width:100%;text-align:left;box-sizing:border-box;position:relative}
.accodion-area>.acbox>.btn-view:after{content:'';background:url(/images/mall_new/btn_arrow_dpn.png) no-repeat 50% 0;width:20px;height:20px;position:absolute;right:15px;top:50%;margin-top:-10px}
.accodion-area>.acbox>.btn-view.on:after{content:'';background:url(/images/mall_new/btn_arrow_dpn.png) no-repeat 50% -20px}
.accodion-area>.acbox>.btn-view .s-tit{font-size:14px;font-weight:700;vertical-align:middle}
.accodion-area>.acbox>.btn-view em{display:none;width:15px;height:16px;margin-right:5px;vertical-align:middle}
.accodion-area>.acbox>.btn-view em>span{overflow:hidden;position:absolute;display:inline-block;width:1px;height:1px;border:0;margin:-1px;background:0 0}
.accodion-area>.acbox>.btn-view.f_none em.check-none{display:inline-block;background:url(/images/mall_new/icon_fund_none.png) no-repeat}
.accodion-area>.acbox>.btn-view.f_check em.check-end{display:inline-block;background:url(/images/mall_new/icon_fund_check.png) no-repeat}
.accodion-area .acbox-view-area{margin:0 15px;padding:15px 0 25px;border-top:1px solid #e6e6e6;display:none}
.accodion-area .acbox-view-area .btn-complete{background:0 0;width:30%;border-radius:10px;border:1px solid #396bc8;color:#396bc8;padding:8px 0;margin:30px auto 0;display:block}
.indent_list>li{text-indent:-13px;padding-left:13px}
.input-check-area .check-indent{text-indent:-16px;padding-left:16px}
.input-radio-area .check-indent{text-indent:-16px;padding-left:16px}
.input-radio-area label{padding:0 5px}
.clear:after{content:'';display:block;clear:both}

/* 20211026 : 온라인 가입상품 */
.pd0{padding: 0 !important;}
.mg0{margin: 0 !important;}
.accodion-area02>.acbox{position:relative;border:1px solid #e6e6e6;border-radius:6px;min-height:50px}
.accodion-area02>.acbox~.acbox{margin-top:15px}
.accodion-area02>.acbox>.btn-view{position:absolute;top:0;right:0;line-height:50px;background:0 0;border:0;outline:0;width:56px;height:72px;text-align:left;box-sizing:border-box}
.accodion-area02>.acbox>.acbox-tit{padding:25px 0 25px 31px;font-size:16px}
.accodion-area02>.skyblue-box>.acbox-tit{padding:26px 0 0 30px;font-size:16px}
.accodion-area02>.acbox>.acbox-txt-area{padding:4px 42px 27px 55px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more{background:0 0;border:0;outline:0;padding:0;font-size:14px;box-sizing:border-box;position:relative;color:#0d616b;text-decoration:underline}
.accodion-area02>.acbox>.acbox-txt-area .btn-more::after{content:"";display:inline-block;background:url(/images/contents/ic_trigerDown_turquoise.png) no-repeat 50% 50%;padding-left:5px;width:13px;height:8px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more.on::after{background:url(/images/contents/ic_trigerUp_turquoise.png) no-repeat 50% 50%}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:first-child{padding-top:9px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:last-child{padding-bottom:5px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list{padding:11px 0}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list p{padding-left:25px;line-height:1.5}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02:first-child{padding-top:0}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02{padding:1px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 ul{margin-left:12px}
.accodion-area02 .acbox .acbox-view-area.pd0>div{padding:15px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk{padding:5px 0 30px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk input{margin-right:8px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk label{margin-right:31px}
.accodion-area02 input{width:16px;height:16px;margin-right:5px;vertical-align:-3px}
.accodion-area02 .skyblue-box input{vertical-align:-2px}
.accodion-area02>.acbox>.btn-view:after{display:block;content:'';background:url(/images/contents/ic_trigerDown.png) no-repeat 50% 50%;width:100%;height:100%;position:absolute;right:0;top:0}
.accodion-area02>.acbox>.btn-view.on:after{background:url(/images/contents/ic_trigerUp.png) no-repeat 50% 50%}
.accodion-area02>.acbox>.btn-view .s-tit{font-size:14px;font-weight:700;vertical-align:middle}
.accodion-area02>.acbox>.btn-view em{display:none;width:15px;height:16px;margin-right:5px;vertical-align:middle}
.accodion-area02>.acbox>.btn-view em>span{overflow:hidden;position:absolute;display:inline-block;width:1px;height:1px;border:0;margin:-1px;background:0 0}
.accodion-area02>.acbox>.btn-view.f_none em.check-none{display:inline-block;background:url(/images/mall_new/icon_fund_none.png) no-repeat}
.accodion-area02>.acbox>.btn-view.f_check em.check-end{display:inline-block;background:url(/images/mall_new/icon_fund_check.png) no-repeat}
.accodion-area02 .acbox-view-area{margin:0 29px;padding:15px 12px;border-top:1px solid #e6e6e6;display:none}
.accodion-area02 .acbox-view-area02{margin:0;padding:7px 0;display:none}
.accodion-area02 .acbox-view-area02 .txt-box{background:#f8fcfc;border:1px solid #d9eaec;border-radius:6px;box-sizing:border-box}
.accodion-area02 .acbox-view-area02 .txt-box ul{padding:18px 20px 20px;line-height:1.5}
.accodion-area02 .acbox-view-area .btn-complete{background:0 0;width:30%;border-radius:10px;border:1px solid #396bc8;color:#396bc8;padding:8px 0;margin:30px auto 0;display:block}
.focusBox{margin:16px 0 15px;padding:13px 30px;background:#fafafa}
.focusBox02{background:#fafafa}
.focusBox02 .acbox-view-area{padding:22px}
.accodion-area02 .focusBox02 .acbox-view-area ul{padding:22px 0;margin:0}
.accodion-area02 .focusBox02 .acbox-view-area ul li p{margin-top:5px}
.skyblue-box{background:#f5fdfe}
.popupWrap .snbSwiper{position:relative;background:#eee;padding:0 36px;overflow:hidden}
.popupWrap .snbSwiper:after{content:'';position:absolute;left:0;top:0;display:block;width:50px;height:100%;background:linear-gradient(90deg,rgba(238,238,238,1) 0,rgba(238,238,238,1) 48%,rgba(238,238,238,0) 100%);z-index:1}
.popupWrap .snbSwiper:before{content:'';position:absolute;right:0;top:0;display:block;width:50px;height:100%;background:linear-gradient(270deg,rgba(238,238,238,1) 0,rgba(238,238,238,1) 48%,rgba(238,238,238,0) 100%);z-index:2}
.popupWrap .swiper-wrapper{width: 100%;padding: 26px 0;/* overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none; */white-space : nowrap;}
.popupWrap .swiper-wrapper::-webkit-scrollbar {/*display: none;*/ /* Chrome, Safari, Opera*//* height:1px;overflow: hidden; */}
.popupWrap .swiper-wrapper .swiper-slide{/* width:auto!important; */display:inline-block;padding:0 12px}
.popupWrap .swiper-wrapper .swiper-slide a{display:block;text-decoration:none;font-size:16px;color:#333}
.popupWrap .swiper-wrapper .on .text { color: #1c4595; font-weight: bold; }
.popupWrap .swiper-wrapper .on .text:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%}
.popupWrap .snbSwiper button{position:absolute;background:0 0;top:0;bottom:0;border:0;outline:0;padding:0;width:12px;height:20px;margin:auto 0;box-sizing:border-box;z-index:2}
.popupWrap .snbSwiper .swiper-button-prev{background:url(/images/contents/ic_prev.png) no-repeat;left:21px}
.popupWrap .snbSwiper .swiper-button-next{background:url(/images/contents/ic_next.png) no-repeat;right:21px}
.popupWrap .snbSwiper .swiper-button-next{background:url(/images/contents/ic_next.png) no-repeat;right:21px}
.popupWrap .height460scroll{height:300px;overflow-y:auto;padding:20px;line-height:1.6}
.popupWrap .btn_wrap_block{text-align:center;padding:30px 0;}
.popupWrap .btn_blue_1{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#005fa1;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}
.popupWrap .btn_gray_2{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#676767;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}

.serResualt_box{display:table;width:100%;height:120px;text-align:center;background:#f6f7fc}
.serResualt_box p{display:table-cell;height:120px;vertical-align:middle;font-size:16px;font-weight:bold;font-family:Malgun Gothic;color:#333}
.serResualt_box p strong{position:relative;top:-3px;vertical-align:middle;font-size:26px;}
.serResualt_box2{line-height:28px;font-size:12px;text-align:center;font-family:Malgun Gothic;color:#333}
.serResualt_box2 strong{display:block;font-size:22px}
.serResualt_box3{margin-top:20px;border:1px solid;padding:20px;line-height:15px;font-size:13px;background:white;}

.caution_area.pop-list-section{margin-top:0}
.caution_area.pop-list-section{padding:20px}
/* .caution_area.pop-list-section .listTypeDot li{font-size:12px;background:url(/images/contents/bul_dot_2x2_999.gif) 0 8px no-repeat!important} */

.guideWrap, .caution_area { font-family: "malgun gothic", Dotum, Arial, Helvetica, sans-serif; line-height:180%; color:#000}
.guideWrap dt {font-weight:bold; font-size:18px;margin: 30px 0 10px 0;}
.guideWrap img {margin:15px 0;}

/* 20220810 : 펀드팝업 > '펀드가입예약' 퍼블리싱 추가  */
.result-text-area{width:300px;border:1px solid #74ace8;background-color:#f2f8ff;border-radius:5px;margin:0 auto;padding:15px 20px;}
.result-text-area .result-item .s-tit2{color:#222;font-size:16px;}
.result-text-area .result-item .s-text{color:#222;font-size:16px;text-align:right;}
.txtRed{color:#ff4200;}
.acbox-view-area.type02 .text-input-area{margin-top: 10px;}
.acbox-view-area.type02 input[type="text"]{margin-top: 10px;width: auto;height: 30px;}
.accodion-area02 .acbox .acbox-view-area.pd0.type02 .chk input[type="text"]{margin-right: 0;}
.listTypeDotType02 li{padding-left: 10px;background: url(/images/mall_new/listTypeDotType02_Dot.gif) no-repeat 0 8px !important;line-height: 1.3;}

/* 20211026 : 온라인 가입상품 */
.pd0{padding: 0 !important;}
.mg0{margin: 0 !important;}
.accodion-area02>.acbox{position:relative;border:1px solid #e6e6e6;border-radius:6px;min-height:50px}
.accodion-area02>.acbox ~ .acbox{margin-top:15px}
.accodion-area02>.acbox>.btn-view{position:absolute;top:0;right:0;line-height:50px;background:transparent;border:0;outline:0;width:76px;height:72px;text-align:left;box-sizing:border-box}
.accodion-area02>.acbox>.acbox-tit{padding:25px 0 25px 31px;font-size:16px}
.accodion-area02>.skyblue-box>.acbox-tit{padding:26px 0 0 30px;font-size:16px}
.accodion-area02>.acbox>.acbox-txt-area{padding:4px 42px 27px 55px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more{background:transparent;border:0;outline:0;padding:0;font-size:14px;box-sizing:border-box;position:relative;color:#0d616b;text-decoration:underline}
.accodion-area02>.acbox>.acbox-txt-area .btn-more::after{content:"";display:inline-block;background:url(/images/contents/ic_trigerDown_turquoise.png) no-repeat 50% 50%;padding-left:5px;width:13px;height:8px}
.accodion-area02>.acbox>.acbox-txt-area .btn-more.on::after{background:url(/images/contents/ic_trigerUp_turquoise.png) no-repeat 50% 50%}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:first-child{padding-top:9px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list:last-child{padding-bottom:5px}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list{padding:11px 0}.accodion-area02 .acbox .acbox-view-area .acbox-tit-list p{padding-left:25px;line-height:1.5}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02:first-child{padding-top:0}
.accodion-area02 .acbox .acbox-view-area .acbox-tit-list02{padding:1px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 ul{margin-left:12px}
.accodion-area02 .acbox .acbox-view-area.pd0>div{padding:15px 0}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk{padding:5px 0 30px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk input{margin-right:8px}
.accodion-area02 .acbox .acbox-view-area.pd0 .chk label{margin-right:31px}
.accodion-area02 input{width:16px;height:16px;margin-right:5px;vertical-align:-3px}
.accodion-area02 .skyblue-box input{vertical-align:-2px}
.accodion-area02>.acbox>.btn-view:after{display:block;content:'';background:url(/images/contents/ic_trigerDown.png) no-repeat 50% 50%;width:100%;height:100%;position:absolute;right:0;top:0}
.accodion-area02>.acbox>.btn-view.on:after{background:url(/images/contents/ic_trigerUp.png) no-repeat 50% 50%}
.accodion-area02>.acbox>.btn-view .s-tit{font-size:14px;font-weight:bold;vertical-align:middle}.accodion-area02>.acbox>.btn-view em{display:none;width:15px;height:16px;margin-right:5px;vertical-align:middle}
.accodion-area02>.acbox>.btn-view em>span{overflow:hidden;position:absolute;display:inline-block;width:1px;height:1px;border:0;margin:-1px;background:transparent}
.accodion-area02>.acbox>.btn-view.f_none em.check-none{display:inline-block;background:url(/images/mall_new/icon_fund_none.png) no-repeat}
.accodion-area02>.acbox>.btn-view.f_check em.check-end{display:inline-block;background:url(/images/mall_new/icon_fund_check.png) no-repeat}
.accodion-area02 .acbox-view-area{margin:0 29px;padding:15px 12px;border-top:1px solid #e6e6e6;display:none}
.accodion-area02 .acbox-view-area02{margin:0;padding:7px 0;display:none}
.accodion-area02 .acbox-view-area02 .txt-box{background:#f8fcfc;border:1px solid #d9eaec;border-radius:6px;box-sizing:border-box}
.accodion-area02 .acbox-view-area02 .txt-box ul{padding:18px 20px 20px;line-height:1.5}
.accodion-area02 .acbox-view-area .btn-complete{background:transparent;width:30%;border-radius:10px;border:1px solid #396bc8;color:#396bc8;padding:8px 0;margin:30px auto 0;display:block}
.focusBox{margin:16px 0 15px;padding:13px 30px;background:#fafafa}
.focusBox02{background:#fafafa}
.focusBox02 .acbox-view-area{padding:22px}
.accodion-area02 .focusBox02 .acbox-view-area ul{padding:22px 0;margin:0}
.accodion-area02 .focusBox02 .acbox-view-area ul li p{margin-top:5px}
.skyblue-box{background:#f5fdfe}

/*
    20211116 : 툴팁수정
    현재 개발소스 mall_new.css => 3603줄 수정
*/
.tooltip-box .btn-tooltip-close{
    display: block;
    width: 30px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    left:initial;
    margin-left: -22px;
    background: url(/images/contents/btn_tooltip_close.png) no-repeat 50% 50%;
}


/* 2021-11-12 : 약관동의 기업스타일 팝업내용 */ /* 맨 하단에 넣어주세요 */
.popupWrap .snbSwiper{
	position:relative;
	background: #eeeeee;
	padding: 0 36px;
    overflow:hidden;
}
.popupWrap .snbSwiper:after{
	content:'';
	position: absolute;
	left:0;top:0;
	display: block;
	width:50px;
	height:100%;
	background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 48%, rgba(238,238,238,0) 100%);
	z-index:1;
}
.popupWrap .snbSwiper:before{
	content:'';
	position: absolute;
	right:0;top:0;
	display: block;
	width:50px;
	height:100%;
	background: linear-gradient(270deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 48%, rgba(238,238,238,0) 100%);
	z-index:2;
}
.popupWrap .swiper-wrapper{
	width: 100%;
	padding: 26px 0;
	/* overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; */
	white-space : nowrap;
}
.popupWrap .swiper-wrapper::-webkit-scrollbar {
    /*display: none;*/ /* Chrome, Safari, Opera*/
	/* height:1px;
	overflow: hidden; */
}
.popupWrap .swiper-wrapper .swiper-slide{
	width: auto !important; 
	display: inline-block;
	padding: 0 12px;
}
.popupWrap .swiper-wrapper .swiper-slide a { 
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #333;
}
.popupWrap .swiper-wrapper .on .text { color: #1c4595; font-weight: bold; }
.popupWrap .swiper-wrapper .on .text:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%;
}

.popupWrap .snbSwiper button{
	position: absolute;
	background: transparent;
	top: 0;bottom:0;
    border: 0;
    outline: 0;
    padding: 0;
	width: 12px;
	height: 20px;
    margin:auto 0;
    box-sizing: border-box;
	z-index:2;
}
.popupWrap .snbSwiper .swiper-button-prev{
	background: url(/images/contents/ic_prev.png) no-repeat 0 0;
	left: 21px;
}
.popupWrap .snbSwiper .swiper-button-next{
	background: url(/images/contents/ic_next.png) no-repeat 0 0;
	right: 21px;
}
.popupWrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	visibility: hidden;
}
.popupWrap .height460scroll {
    height: 300px;
    overflow-y: auto;
    padding:20px;
    line-height:1.6;
}
.popupWrap .btn_wrap_block{text-align:center;padding:30px 0;}
.popupWrap .btn_blue_1{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#005fa1;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}
.popupWrap .btn_gray_2{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#676767;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}


/* -------------------------------------------
    [2021-11-15]
    현재 개발소스 mall_new.css => option태그 다음 27줄에 추가
------------------------------------------- */

/* 20220121 : 추가 */
.table_col td:last-child{border-right:0;}

/* 20220328 : 추가 */
.cardGuideWrap .servBox dt{float:left;width:96px}.product_view dt{min-width:110px;display:table-cell;vertical-align:top}
.cardGuideWrap .servBox .servIcon{overflow:hidden;display:inline-block;width:92px;height:20px;line-height:15px;padding:58px 3px 10px 0;text-align:center;font-size:12px;letter-spacing:-1px;color:#333;background:url(/images/contents/ico_card_service.gif) no-repeat}
.flight{background-position:-600px -100px!important}
.cardGuideWrap .servBox .p-tit01{font-size:18px;font-weight:bold;color:#017896;margin-bottom:10px}

/* 20220810 : 스타일추가 */
.btnBarea{margin-top:40px;text-align:center;font-size:0;}
.btnBarea a~a{margin-left:8px;}
.btnBarea a:hover{text-decoration:none;color:#fff}
.btn_blueB_type,.btn_grayB_type,.btn_blueB2_type{display:inline-block;min-width:100px;height:40px;padding:0 30px;line-height:40px;border-radius:5px;font-weight:bold;font-weight:bold;font-family:Malgun Gothic;text-align:center;font-size:15px;color:#fff;box-sizing:border-box;}
.btn_blueB_type{background:#005fa1;}	
.btn_blueB2_type{background:#007bcd;}
.btn_grayB_type{background:#676767;}
.popInnerWrap{padding:20px;}

.bulType3List li .listTypeDot li{padding-left:10px; background:url(/images/contents/bul_dot_2x2_999.gif) no-repeat 0 7px !important;}
#popupWrap{overflow:visible;position:fixed;left:0;top:0;background:url(/images/biz_new/common/bg_pop.png) repeat!important;width:100%;height:100%;z-index:100}
.result-text-area {width: 300px; margin: 0 auto; padding: 15px 20px; border: 1px solid #74ace8; background-color: #f2f8ff; border-radius: 5px; } 
.result-text-area .result-item .s-tit2 {color: #222; font-size: 16px;} 
.result-text-area .result-item .s-text {color: #222; font-size: 16px; text-align:right;} 
.serResualt_box2{line-height:1.4;font-size:12px;text-align:center;font-family:Malgun Gothic;color:#333}
.caution_area.pop-list-section{padding:20px}
.caution_area { display: block; border: 1px solid #ddd; background: #fcfcfc; margin-top: 40px;}

/* 20230102 : 계약서류교부방식변경 */
.acbox-view-area.type02 .text-input-area{margin-top:10px}
.acbox-view-area.type02 input[type="text"]{margin-top:10px;width:auto;height:30px}
.accodion-area02 .acbox .acbox-view-area.pd0.type02 .chk input[type="text"]{margin-right:0}
.listTypeDotType02 li{padding-left:10px;background:url(/images/mall_new/listTypeDotType02_Dot.gif) no-repeat 0 8px!important;line-height:1.3}

/* 20230119 : 인뱅 금융상품 펀드메인 */
.fund_sub_main .fund-visual-wrap02{background:#ebfafd;width:100%;height:190px;padding:50px 0}
.fund-visual-wrap02 .fund-wrap02{width:980px;height:100%;margin:0 auto;position:relative}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list::after{content:'';display:block;clear:both}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item{float:left;background-color:#fff;border:1px solid #daecef;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;box-sizing:border-box;box-shadow:0 15px 10px -14px rgb(0 0 0 / .3);width:310px;height:190px;margin-right:25px}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item:last-child{margin-right:0}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item.icon01{background:#fff url(/images/mall_new/fund-mian-ico01.png) no-repeat 95% 75% / 153px 97px}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item.icon02{background:#fff url(/images/mall_new/fund-mian-ico02.png) no-repeat 100% 70% / 153px 97px}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item.icon03{background:#fff url(/images/mall_new/fund-mian-ico03.png) no-repeat 100% 70% / 153px 97px}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item a{display:block;box-sizing:border-box;padding:30px;width:100%;height:100%}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item a .product-tit{font-size:24px;margin-bottom:10px}
.fund_sub_main .fund-visual-wrap02 .fund-wrap02 .fund-product-list .product-item a .product-txt{font-size:14px}
.fund-section02{ width:970px; margin:0 auto; overflow:hidden; padding: 40px 0;}
.fund-section02 ul::after{content:'';display:block;clear:both}
.fund-section02 li{ float:left; margin-left:54px; width:287px; overflow:hidden;}
.fund-section02 li.type01 {width:286px;}
.fund-section02 li:first-child{ margin-left:0}
.fund-section02 li h3{ color:#333; font-size:20px; letter-spacing:-2px;}
.fund-section02 .fund-gongsi02{ width:287px; position: relative;}
.fund-section02 .fund-gongsi02 ul {margin-top:25px;}
.fund-section02 .fund-gongsi02 ul li {margin-left:0px; position:relative; padding-left:10px; margin-bottom:5px;}
.fund-section02 .fund-gongsi02 ul li:after {width:2px; height:2px; background:#777777; position:absolute; top:13px; left:0px; content: '';}
.fund-section02 .fund-gongsi02 ul li a {color:#666; float:left; overflow:hidden; letter-spacing:-1.4px; white-space:nowrap;text-overflow:ellipsis; max-width:255px; }
.fund-section02 .fund-gongsi02 ul li em {float:left; margin-top: -1px; margin-left:8px;}
.fund-section02 .fund-gongsi02 .btn_f_board_more{ position:absolute; right:0; top:3px; font-size:0; width:23px; height:19px; background:url(https://suhyup-bank.com/images/mall_new/btn_board_more.gif) no-repeat 0 0}
.fund-section02 .fund-gongsi02 .fund-disclosure{background:url(/images/mall_new/fund-disclosure-icon.png) no-repeat 100% 100% / 94px auto;margin-top:34px;padding-bottom:45px}
.fund-section02 .fund-gongsi02 .fund-disclosure .disclosure-txt{font-size:16px;color:#666}
.fund-section02 .fund-gongsi02 .fund-disclosure .fund-Shortcut-btn{display:inline-block;border:1px solid #d9d9d9;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin-top:7px;padding:0 11px 1px;font-size:12px}
.fund-section02 .fund-btn-list .list-item a{position:relative;display:block;border:1px solid #d9d9d9;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;margin-bottom:10px;padding:12px 20px 14px 48px}
.fund-section02 .fund-btn-list .list-item:last-child a{margin-bottom:0}
.fund-section02 .fund-btn-list .list-item a::after{content:'';display:block;background:url(/images/mall_new/fund-btn-arrow.png) no-repeat 50% 50% / 8px auto;position:absolute;top:50%;right:19px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:13px}
.fund-section02 .fund-btn-list .list-item a::before{content:'';display:block;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.fund-section02 .fund-btn-list .list-item.icon01 a::before{background:url(/images/mall_new/fund-btn-icon01.png) no-repeat 50% 50% / 22px auto;width:22px;height:22px}
.fund-section02 .fund-btn-list .list-item.icon02 a::before{background:url(/images/mall_new/fund-btn-icon02.png) no-repeat 50% 50% / 21px auto;width:21px;height:17px}
.fund-section02 .fund-btn-list .list-item.icon03 a::before{background:url(/images/mall_new/fund-btn-icon03.png) no-repeat 50% 50% / 18px auto;width:18px;height:17px}


/* 투자성향분석 */
.invest-custresult-wrap{margin-top: 60px;}
.invest-custresult-wrap .desc-wrap{}
.invest-custresult-wrap .desc-wrap .tit{font-size:26px;line-height:32px;letter-spacing:-1px;color:#333;font-weight:600;}
.invest-custresult-wrap .desc-wrap .tit strong{position:relative;display:inline-block;color:#4b86d8;padding:0 3px;font-weight: bold;}
.invest-custresult-wrap .desc-wrap .tit strong::after{content:'';position:absolute;bottom:4px;left:0;display:block;width:100%;height:11px;background-color:#e0ebff;z-index:-1}
.invest-custresult-wrap .desc-wrap .desc{font-size:16px;color:#333;letter-spacing:-1px;line-height:22px;margin-top:15px;}
.invest-custresult-wrap .desc-wrap .bor-btn{font-size:14px;color:#333;letter-spacing:-1px;display:inline-block;height:28px;line-height:26px;padding:0 10px;border:1px solid #ccc;margin-top:14px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.invest-custresult-wrap .invresult-wrap{margin-top:58px}
.invest-custresult-wrap .sub-tit{margin: 0 auto;font-size:17px;line-height:19px;color:#333;font-weight:bold;letter-spacing:-1px;}
.invest-custresult-wrap .sub-tit span{font-weight:normal;}
.invest-custresult-wrap .invresult-wrap .resultimg-wrap{margin-top:12px;text-align:center;}
.invest-custresult-wrap .invresult-wrap .resultimg-wrap img{margin-top: 26px;}
.invest-custresult-wrap .invresult-wrap .resultimg-wrap img:first-child{margin-top:4px;}
.invest-custresult-wrap .invresult-wrap .result-text-area2{background:#e8f3ff;margin-top:60px;padding:24px 40px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;box-sizing:border-box}
.invest-custresult-wrap .invresult-wrap .result-text-area2 .result-item{display: table;width: 100%;}
.invest-custresult-wrap .invresult-wrap .result-text-area2 .s-tit{display:table-cell;font-size:18px;color:#666;letter-spacing:-.5px;vertical-align: middle;}
.invest-custresult-wrap .invresult-wrap .result-text-area2 .s-text{display:table-cell;font-size:18px;color:#4b86d8;text-align:right;vertical-align: middle;}
.invest-custresult-wrap .invresult-wrap .result-text-area2 .s-text strong{font-weight:bold}
.invest-custresult-wrap .invest-type-list li{margin:0 -15px;padding:0 20px}
.invest-custresult-wrap .invest-type-list li ~ li{margin-top:30px;padding-top:30px;border-top:1px solid #ccc}
.invest-custresult-wrap .invest-type-list li .sub-tit{font-weight:bold;padding-left:24px;position:relative;margin-bottom:15px}
.invest-custresult-wrap .invest-type-list li .sub-tit:before{content:'';display:inline-block;width:19px;height:18px;background-size:19px auto;background-repeat:no-repeat;position:absolute;left:0;top:0;bottom:0;margin:auto 0}
.invest-custresult-wrap .invest-type-list li .sub-tit.inv01:before{background-image:url(/images/mall_new/ico_investprop01.png);}
.invest-custresult-wrap .invest-type-list li .sub-tit.inv02:before{background-image:url(/images/mall_new/ico_investprop02.png);}
.invest-custresult-wrap .invest-type-list li .sub-tit.inv03:before{background-image:url(/images/mall_new/ico_investprop03.png);}
.invest-custresult-wrap .invest-type-list li .sub-tit.inv04:before{background-image:url(/images/mall_new/ico_investprop04.png);}
.invest-custresult-wrap .invest-type-list li .sub-tit.inv05:before{background-image:url(/images/mall_new/ico_investprop05.png);}
.invest-custresult-wrap .invest-type-list li strong{font-size:15px;display:block;line-height:21px;color:#333;letter-spacing:-.5px;}
.invest-custresult-wrap .invest-type-list li strong + .desc{margin-top:5px}
.invest-custresult-wrap .invest-type-list li .desc{font-size:15px;color:#333;letter-spacing:-.5px;line-height:22px}
.invest-custresult-wrap .btn-agretry{padding:5px 10px 10px}
.btnDefault a.btn-nblue01{display:inline-block;min-width:56px;height:30px;padding:0 21px;font-size:14px;line-height:29px;font-weight:bold;color:#4b86d8;background:#fff;border:1px solid #4b86d8;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-sizing: border-box;}

/* 20230307 : 계약서류 교부방식 변경 */
.set-gate-line-area li{
	position: relative;
	font-size: 15px;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	padding: 11px 10px 11px 15px;
	font-family:"malgun gothic", sans-serif;
}

.set-gate-line-area li:last-child{
	border-bottom: 1px solid #e0e0e0e0;
}

.set-gate-line-area li a{
	position:absolute;
	right:15px;
	top:0;bottom:0;
	height:20px;
	font-size: 15px;
	margin: auto 0;
	padding:2px 10px;
	font-size: 15px;
	line-height: 20px;
	background-color: #eee;
}
.set-gate-line-area li a.on{
	color: #fff;
	background-color: #346cd1;
}
/*2023.04.06 신탁 로고추가 작업*/
.img_logo_circle{ margin: 10px 20px 0 0;}
.img_logo_position{ position: absolute; right: 0; top: -20px;}
/* // 2023.04.06 신탁 로고추가 작업*/

/* 20230607 비대면 ELF 상품 리스트 표기 개선 */
.listTypeDot li .font-point{color: #3a75d1;} /* 20260609 : color 변경 */
.txt-btn-more {position: relative; border: 0; background: none;	padding: 10px 0; width: 100%; text-align: center; font-size: 14px;}
.txt-btn-more span {display: inline-block; width: 7px; height: 7px;	position: relative;	margin-left: 5px;}
.txt-btn-more span::before {position: absolute;	top: -1px; left: 0; width: 2px;	height: 6px; background: #999;	content: ''; -webkit-transform: rotate(-45deg);	transform: rotate(-45deg);}
.txt-btn-more span::after {	position: absolute;	top: 1px; left: 1px; width: 7px; height: 2px; background: #999;	content: ''; transform: rotate(-45deg);	-webkit-transform: rotate(-45deg);}
.txt-btn-more.open span::after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.txt-btn-more.open span::before {-webkit-transform: rotate(45deg);	transform: rotate(45deg);}
.info-list li:nth-of-type(n+4) {display: none;}
.info-list.on li:nth-of-type(n+4) {display: block;}
.product_rate .sub_txt02{font-size: 18px;	color: #3a75d1;} /* 20260609 : color 변경 */
.product_rate .sub_txt03{font-size: 16px;	color: #666;}

/* 20230627 : 똑똑환 테크 신규가입 및 화면개선 */
/* 외환 똑똑환 테크 신규가입 step02 */
.dlTypeTb .tooltip-area.type-exchange dl{background: none;}
.dlTypeTb .tooltip-area.type-exchange dt{float: none; background: none;}
.dlTypeTb .tooltip-area.type-exchange dd{display: block; float: none; min-height: none;	width: 100%; padding: 0;}
.tooltip-area.type-exchange{width: auto; right: auto; padding: 17px 20px;}
.tooltip-area.type-exchange .btn-tooltip{left: 5px;}
.tooltip-area.type-exchange .tooltip-box .tit{font-size: 16px; font-weight: bold; letter-spacing: -0.5px; color: rgb(51, 51, 51); display: block; line-height: 16px;}
.tooltip-area.type-exchange .tooltip-box .listTypeDot{margin: 17px 10px;}
.tooltip-area.type-exchange .btn-tooltip-close{top: 5px;}
.tooltip-box.type-exchange dt {font-size: 14px;	color: rgb(34, 34, 34);}
.tooltip-box.type-exchange dd {margin-top: 7px;	font-size: 14px; color: rgb(102, 102, 102);}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount{min-width: 240px;	height: 52px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0px 20px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-radius: 10px;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount p {font-size: 15px; line-height: 16px; letter-spacing: -0.5px; color: rgb(51, 51, 51); font-weight: normal;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount .country {font-weight: bold;	position: relative;	padding-left: 34px;}
.tooltip-area.type-exchange  .tooltip-box.forex-conver .forconvert-amount-wrap dd ul li ~ li {margin-top: 6px;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .equals {font-size: 15px;	font-weight: bold; color: rgb(51, 51, 51); line-height: 16px; text-align: center; margin: 10px 0px;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount {min-width: 240px; height: 52px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0px 20px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221);	border-image: initial; border-radius: 10px;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount .country::before {content: ""; display: inline-block;	width: 24px; height: 24px; background-size: 24px; position: absolute; left: 0px; top: 0px; bottom: 0px;	background-repeat: no-repeat; margin: auto 0px;}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount .country.us::before {background-image: url(/images/contents/ico_forexflag_us.png);}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount .country.jp::before {background-image: url(/images/contents/ico_forexflag_jp.png);}
.tooltip-area.type-exchange .tooltip-box.forex-conver .forconvert-amount-wrap .con-amount .country.eu::before {background-image: url(/images/contents/ico_forexflag_eu.png);}
/* 외환 똑똑환 테크 모든보유계좌조회 상세조회 팝업 */
.exchange-failure td{color: #ccc;}
.exchange-success td:nth-of-type(3),
.exchange-success td:nth-of-type(4){color: #999;}
.exchange-success td .success{color: #0080cb;}

/* 외환 똑똑환 테크 해지 정보확인 및 추가인증 */
.txt-blue{color: #0080cb !important;}
.dlTypeTb.radio-type .radio input {position: static; opacity: 1; width: auto; height: auto;}

.lpop .errorArea {background-image: none; background: #fafafa}
.lpop .errorArea .innerWrap {padding: 20px;}
.lpop .erTitle {height: 35px; font-size: 20px; line-height: 22px; text-indent: 30px; background: url(/images/contents/bg_err_s.gif) no-repeat;}
.lpop #arsNotice dl dd {letter-spacing: -1.2px;}

/* 20230714 : Sh똑똑한우리아이적금 상품안내 수정 */
.blue-round-box {-webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #f1f6ff; padding: 20px;}

/* 20231109 : 예금상품리스트, 금융상품몰 메인 수정 */
.product_list_wrap .product_list > li .product_txt02{text-align: center; min-width: 140px; font-weight: bold; display: table-cell; vertical-align: middle; line-height: 110%;}
.product_list_wrap .product_list > li .product_txt02 p{line-height: 1.1;}
.product_list_wrap .product_list > li .product_txt02 .sub_txt01{font-size: 15px; color: #222;}
.product_list_wrap .product_list > li .product_txt02 .sub_txt01 em{font-size: 20px;}
.product_list_wrap .product_list > li .product_txt02 .sub_txt02{font-size: 15px; color: #666;}
.product_list_wrap .product_list > li .product_txt02 .sub_txt02 em{font-size: 20px;}

.mall_gate_2019 .main_banner .col_g .col p.sub_txt01{font-size: 20px; color: #222;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt01 strong{font-size: 30px; color: #5a7eeb;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt02{font-size: 20px; color: #666;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt02 strong{font-size: 30px; color: #666;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt01.type01 strong{color: #5a7eeb;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt02.type01 strong{color: #666;}
.mall_gate_2019 .main_banner .col_g .col p.sub_txt01 ~ p.sub_txt02{margin-top: 5px;}
.mall_gate_2019 .main_banner .col_g .col:hover p.sub_txt01 span,.mall_gate_2019 .main_banner .col_g .col:hover p.sub_txt02 span{color: #fff;}
.mall_gate_2019 .main_banner .col_g .col:hover p.sub_txt01 strong,.mall_gate_2019 .main_banner .col_g .col:hover p.sub_txt02 strong{color: #fcd500;}
.mall_gate_2019 .main_banner .col_g .col:hover p.sub_txt02 strong{color: #fff;}


/* 20231215 : 온라인설명의무 예금,외화 */
.tel_consulting_floating {position: fixed; bottom: 25px; right: calc(50% - 500px); z-index: 10000; width: 80px; height: 80px;}
.tel_consulting_floating .tel_consulting_btn {background: url(../images/common/tel_consulting_ico.png) no-repeat 50% 50% / 80px auto; border: none; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 80px; height: 80px; font-size: 0; color: transparent;}

.txt_blue{color: #3987d5 !important;}
.txt-list01>p {position: relative; padding-left: 16px; font-size: 13px; line-height: 18px; color: #555; word-break: keep-all; margin-top: 8px}
.txt-list01 > p::before {content: attr(data-bullet); position: absolute; left: 0px; top: 1px; line-height: 1;}
.txt-list01 > p:first-child {margin-top: 0;}
.txt-list01.red > p {color: #f8634d; margin-top: 10px;}
.txt-list01.blue > p {color: #508edf;}
.txt-list01.col-darkblue>p {color: #516b87;}
.box-radiocheck-wrap {display: flex; flex-wrap: wrap;}
.box-radiocheck-wrap li ~ li {margin-left: 10px;}
.box-radiocheck-wrap li {flex: 1; position: relative;}
.box-radiocheck-wrap input[type="radio"] {position: absolute; -webkit-appearance: none; appearance: none; width: 100%; height: 100%;}
.box-radiocheck-wrap label {display: inline-block; font-size: 15px; color: #222; display: flex; align-items: center; justify-content: center; border: 1px solid #c7c7c7; border-radius: 10px; min-width: 100px; height: 50px; box-sizing: border-box; padding: 0 10px;}
.box-radiocheck-wrap input:checked + label {border-color: #5d92f4; color: #5d92f4;}

.popInnerWrap .gray-box{background-color: #f9f9f9; padding: 14px;}
.bulType2List li > .dash-list li{background: none;}


/* 20231221 : popup타입 추가 */
/* #popupWrap02{overflow:visible; position:fixed; left:0; top:0; background:url(../images/biz_new/common/bg_pop.png) repeat !important; width:100%; height:100%; z-index:100} */
#popupWrap02{overflow:visible; position:fixed; left:0; top:0; z-index:100}
.popupWrap02 {width: 680px; margin: 0 0; border: 1px solid #006db8; background: #fff url(../images/biz_new/common/bg_pop_logo.gif) no-repeat 98% 98%; position: relative; display: none;}
.popupWrap02 .pop_content {font-size: 14px; line-height: 22px; font-family: 맑은고딕, malgun gothic, Dotum, Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px;}

.consultinfo-btn-wrap {margin-left: -10px; margin-top: -10px}
.consultinfo-btn-wrap::after{content: ''; display: block; clear: both;}
.consultinfo-btn-wrap li {float: left; width: calc(100% / 4 - 13px); margin-left: 10px; text-align: center;}
.consultinfo-btn-wrap li + li button{border-left: 1px solid #f7f7f7;}
.consultinfo-btn-wrap li button {background: none; border: none; display: block; text-align: center; width: 100%; padding: 12px 0;}
.consultinfo-btn-wrap li button span {display: block; font-size: 13px; color: #222; line-height: 18px; margin-top: 10px;}
.consultinfo-btn-wrap li button:before {content: ''; display: inline-block; width: 72px; height: 72px; border-radius: 100%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: 50% 50%; background-size: 52px auto; margin: 0 auto;}
.consultinfo-btn-wrap li.consult01 button:before {background-image: url('../images/common/ico_popconsulting01.png');}
.consultinfo-btn-wrap li.consult02 button:before {background-image: url('../images/common/ico_popconsulting02.png');}
.consultinfo-btn-wrap li.consult03 button:before {background-image: url('../images/common/ico_popconsulting03.png');}
.consultinfo-btn-wrap li.consult04 button:before {background-image: url('../images/common/ico_popconsulting04.png');}
.consultinfo-btn-wrap li.consult05 button:before {background-image: url('../images/common/ico_popconsulting05.png');}
.consultinfo-btn-wrap li.consult06 button:before {background-image: url('../images/common/ico_popconsulting06.png');}

.tel_consulting_floating {position: fixed; bottom: 25px; right: calc(40% - 500px); z-index: 11; width: 80px; height: 80px;}
.tel_consulting_floating .tel_consulting_btn {background: url(../images/common/tel_consulting_ico.png) no-repeat 50% 50% / 80px auto; border: none; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 80px; height: 80px; font-size: 0; color: transparent;}

/* 20240207 : 樂SEA카드 가맹점 정보 */
.table_col tr td.bdr{border-right: 1px solid #e0e0e0 !important;}

/* 20240215 : 펀드 플러팅 */
.tel_consulting_floating.type01 .tel_consulting_btn{background:url(../images/common/ico_fudquick_laon.png) no-repeat 50% 50% / auto 80px;}
.tel_consulting_floating.type01 .tel_consulting_close {display: inline-block; width: 20px; height: 20px; background: url('../images/common/fun_floating_close.png') no-repeat 50% 50% / 20px auto; border: 0; position: absolute; top: -10px; right: 0;}
.tel_consulting_floating.type01 .tel_consulting_close span{display: inline-block; overflow: hidden; width: 0; height: 0; text-indent: -99999px;}

/* 20240216 : 락시카드 상품안내 */
.box-list-area .list-item dl.only_tit{vertical-align: middle; padding-top: 0;}

/* 20240320 : 온라인설명의무 펀드 */
.accodion-area>.ac_type_btn {border: 1px solid #e6e6e6; border-radius: 15px; min-height: 50px;}
.accodion-area>.ac_type_btn>.btn-view {line-height: 50px; background: 0 0; border: 0; outline: 0; padding: 0 15px; width: 100%; text-align: left; box-sizing: border-box; position: relative;}
.accodion-area>.ac_type_btn>.btn-view:after {content: ''; background: url(../images/mall_new/btn_arrow_dpn02.jpg) no-repeat 50% 0; width: 20px; height: 20px; position: absolute; right: 15px; top: 50%; margin-top: -10px;}
.accodion-area>.ac_type_btn>.btn-view .s-tit {font-size: 14px; font-weight: 700; vertical-align: middle;}
.accodion-area>.ac_type_btn>.btn-view em {display: none; width: 15px; height: 16px; margin-right: 5px; vertical-align: middle;}
.accodion-area>.ac_type_btn>.btn-view em.ico01 {display: inline-block; background: url(../images/mall_new/icon_fund_check.png) no-repeat;}
.txt_normal{font-weight : normal !important;}
.pos-rel{position: relative !important;}
.fun_degree_area .img_area img {width: 100%;}
.fun_degree_area .fun_degree_tit {position: relative; margin-bottom: 30px; font-weight: bold; font-size: 14px; line-height: 22px; color: #333; letter-spacing: -.5px;}/* 20250711 : 수정 */
/* 20250711 : 색상 변경 및 추가 */
.fun_degree_area .fun_degree_tit .col01 {color: #d74b2d;}
.fun_degree_area .fun_degree_tit .col02 {color: #e68820;}
.fun_degree_area .fun_degree_tit .col03 {color: #eec02f;}
.fun_degree_area .fun_degree_tit .col04 {color: #099a56;}
.fun_degree_area .fun_degree_tit .col05 {color: #009bdc;}
.fun_degree_area .fun_degree_tit .col06 {color: #0d54b1;}
/* 20250711 : 색상 변경 및 추가 */
.tooltip-area .tooltip-box.w290{z-index: 111; padding-right: 20px; width: 290px;}
.mnu-fud-guide .mnu-fud-notice-01.fud-qacalc {padding: 20px 19px;}
.mnu-fud-guide .mnu-fud-notice-01.fud-qacalc .ico {display: inline-block; width: 64px; height: 64px; background: url(../images/mall_new/mnu_fudqa_guide_icocalc.png) no-repeat center / 100% ;}
.mnu-fud-guide .mnu-fud-notice-01 {padding: 18px 28px; border-radius: 8px; background-color: #eef2fc; display: flex; margin-top: 20px;}
.mnu-fud-guide .mnu-fud-notice-01 dl {line-height: 20px; letter-spacing: -.5px;}
.mnu-fud-guide .mnu-fud-notice-01 dl dt{font-size: 15px;}
.mnu-fud-guide .mnu-fud-notice-01 dl dd {font-size: 14px; margin-top: 6px;}
.mnu-fud-guide .mnu-fud-notice-01 .notice-cont {margin-left: 10px; flex: 1;}
.mnu-fud-guide .mnu-fud-graybox-01 {padding: 30px 20px; border-radius: 6px; background-color: #f6f6f6; font-size: 16px; letter-spacing: -1px; margin-top: 10px;}
.mnu-fud-guide .mnu-fud-graybox-01 > p {margin-top: 15px;}
.clear::after{content: ''; display: block; clear: both;}
.fLeft{float: left !important;}
.fright{float: right !important;}
.graph_box{width: 400px; margin: 0 auto;}
.crc_no_data {display: table; width: 100%; height: 100%;}
.crc_no_data p {display: table-cell; font-size: 15px; vertical-align: middle;}
.crc_no_data p span {display: inline-block; width: 100%; height: 50px; background: url(../../images/mall_new/graph_no_data.png) 50% 50% no-repeat; background-size: 38px auto;}

/* 20240528 : 지역사랑 체크카드 카드종류 추가 */
.region_card_list{padding: 0 20px;}
.region_card_list ul::after{content: ''; display: block; clear: both;}
.region_card_list ul li{float: left; margin-bottom: 30px;}
.region_card_list ul li.center{margin: 0 45px;}
.region_card_list ul li .region_card_txt{margin-top: 10px; font-size: 14px; line-height: 22px; letter-spacing: -1px; text-align: center;}

/* 20240529 : 펀드가입 프로세스 변경 */
.btn_phone{display:inline-block; padding:0 0 0 30px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -974px; line-height:28px; text-decoration:none !important;}
.btn_phone span{display:inline-block; height:30px; padding:0 10px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -974px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px;}
.noticeBox .listTypeDot .bold_blue {font-weight: bold; color: #292887;}  
.acbox-view-area.type02 input[type="text"].emailHost {width: 185px;}

/* 20241107 : 상품성 신탁 보수율 등 공시 */
.pos_r{position:relative !important;}
.right_btn_area{position:absolute; right:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.small_gry_btn{width: 64px; height: 30px; color: rgb(255, 255, 255); border-radius: 4px; border: 0px; background: rgb(102, 102, 102); vertical-align: middle;}

/* 20241224 : 보이스피싱 문진 팝업 추가 */
.voice-phishing-paperweight {min-height: 200px; padding: 60px 0; padding-left: 222px; box-sizing: border-box; background: url(..//images/contents/voice02.png) no-repeat 40px 50% #f3fbfe;}
.voice-phishing-paperweight .strong {margin-top: 20px; font-size: 20px; color: #333; line-height: 1;}
.voice-phishing-paperweight .text {color: #ee5f00; font-weight: bold; font-size: 16px; margin-top: 15px; line-height: 1.5;}
.voice-phishing-boder-box {padding: 20px; margin-top: 18px; border: 1px solid #ddd; background-color: #fff;}
.voice-phishing-boder-box .numlist-area li {font-size: 15px; color: #333; font-weight: bold; line-height: 1.3; padding-left: 19px; text-indent: -19px;}
.voice-phishing-boder-box .numlist-area li + li{margin-top:8px;}
.voice-phishing-boder-box .numlist-area ~ .text {font-size: 14px; color: #333; line-height: 1.5; margin-top: 20px;}
.voice-phishing-check {padding-top: 20px; color: #000; text-align: center; font-size: 16px; font-weight: bold;}
.voice-phishing-paperweight.character-center-type {padding: 20px; background: #f3fbfe; box-sizing: border-box; text-align: center;}
.voice-phishing-paperweight.character-center-type:before {content: ''; display: inline-block; width: 224px; height: 128px; background: url(../images/contents/voice01.png) no-repeat 50% 50%;}
.voice-phishing-paperweight.character-center-type .text.strong {margin-top: 20px; font-size: 20px; color: #333; line-height: 1;}
.voice-phishing-paperweight.character-center-type .text {color: #333;  font-size: 16px; margin-top: 15px; line-height: 1.5; font-weight: normal;}
.voice-phishing-btn a {min-width: 151px; border: 0; margin: 0 2px; padding: 8px 0; color: #fff; font-size: 15px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; height: auto; line-height: 20px;}
.voice-phishing-btn a em {margin-top: 6px; color: #fff; font-size: 14px; font-weight: normal; letter-spacing: -1px;}

/* 20250205 : Sh간편e모기지론, Sh오피스텔담보대출 */
.caution_area dl dd.none-dot{padding-left: 0;}
.caution_area dl dd.none-dot::before{display: none;}
.caution_area dl dd.none-dot .p_list{margin-left: 15px;}
.ml15{margin-left: 15px !important;}

.inputMoney{text-align:right; letter-spacing : 0px !important;}

/* 20250627 : 금융사기 예방진단 pop */
.financial-fraud-prevention{text-align: center;}        
.financial-fraud-prevention .img-area{margin-bottom: 20px;}        
.pop-blue-box{background-color: #f5f9fb; padding: 20px;}
.financial-fraud-prevention .pop-blue-box{text-align: left;}
.financial-fraud-prevention-qa +.financial-fraud-prevention-qa{margin-top: 30px;}
.financial-fraud-prevention-qa dt{display: flex; align-items: center;}
.financial-fraud-prevention-qa dt .num{flex-shrink: 0; display: flex; align-items: center; justify-content: center; background-color: #67b8ee; box-sizing: border-box; margin-right: 10px; border-radius: 50%; padding-bottom: 2px; width: 18px; height: 18px; color: #fff; text-align: center; letter-spacing: 0;}
.financial-fraud-prevention-qa dd{margin-top: 10px; margin-left: 30px;}
.financial-fraud-prevention-qa dd .sh_radio + .sh_radio{margin-left: 20px;}
.financial-fraud-prevention-qa dd .sh_radio label{padding-left: 25px; font-size: 14px; line-height: 20px;}
.financial-fraud-prevention-qa dd .sh_radio label:before {top: 0; background-color: #fff;}
.financial-fraud-prevention-qa dd .sh_radio label:after {top: 4px;}