@charset "utf-8";
@import url("theme/is.theme.css");

/* common */
.font-24 {font-size:24px;}

body.main #content {padding-bottom:0}
/* main-quick */
.main-quick {clear:both;display:block;width:950px;text-align:center;margin:25px auto;*zoom:1}
.main-quick:after {clear:both;display:block;content:" "}
.main-quick ul {display:inline-block}
.ie7 .main-quick ul {display:inline}
.main-quick li {float:left;font-size:0;line-height:0}
.main-quick a {display:block;width:105px;padding-top:50px;font-size:14px;color:#333333;line-height:18px;letter-spacing:-2px;background-repeat:no-repeat;background-position:50% 0}
.main-quick.insu_q a.q1 {background-image:url(/img/section/po/main/quick_insu_01.png);background-position:50% 2px}
.main-quick.insu_q a.q2 {background-image:url(/img/section/po/main/quick_insu_02.png);background-position:50% 2px}
.main-quick.insu_q a.q3 {background-image:url(/img/section/po/main/quick_insu_03.png);background-position:50% 3px}
.main-quick.insu_q a.q4 {background-image:url(/img/section/po/main/quick_insu_04.png);background-position:50% 3px}


/* main-banner */
.main-banner {position:relative;height:400px;margin:0 auto;-webkit-transition:0.5s cubic-bezier(0, 0.75, 0.95, 0.9);transition:0.5s cubic-bezier(0, 0.75, 0.95, 0.9)}
.lt-ie9 .main-banner {display:none}
.main-banner .main-banner-box {position:absolute;width:20%;height:20%;left:0;top:0;-webkit-transition:0.5s cubic-bezier(0, 0.75, 0.95, 0.9);transition:0.5s cubic-bezier(0, 0.75, 0.95, 0.9)}

.main-banner .box01, .main-banner .box01 img {width:570px;height:290px}
.main-banner .box02, .main-banner .box02 img {width:190px;height:145px}
.main-banner .box03, .main-banner .box03 img {width:190px;height:145px}
.main-banner .box04, .main-banner .box04 img {width:190px;height:290px}
.main-banner .box05, .main-banner .box05 img {width:380px;height:290px}
.main-banner .box06, .main-banner .box06 img {width:190px;height:145px}
.main-banner .box07, .main-banner .box07 img {width:190px;height:145px}
.main-banner .box08, .main-banner .box08 img {width:190px;height:145px}
.main-banner .box09 {width:190px;height:145px;overflow:hidden} /* resizing */
.main-banner .box09 img {width:190px;height:290px}
.main-banner .box10 {width:380px;height:290px;overflow:hidden} /* resizing */
.main-banner .box10 img {width:380px;height:435px}
.main-banner .box11, .main-banner .box11 img {width:190px;height:145px}
.main-banner .box12, .main-banner .box12 img {width:380px;height:145px}

.main-banner.ui-rwd-970 {width:950px;height:725px}
.lt-ie9 .main-banner.ui-rwd-970 {display:block}
.main-banner.ui-rwd-970 .box01 {left:0px;top:0px}
.main-banner.ui-rwd-970 .box02 {left:570px;top:0px}
.main-banner.ui-rwd-970 .box03 {left:570px;top:145px}
.main-banner.ui-rwd-970 .box04 {left:760px;top:0px}
.main-banner.ui-rwd-970 .box05 {left:0px;top:290px}
.main-banner.ui-rwd-970 .box06 {left:380px;top:290px}
.main-banner.ui-rwd-970 .box07 {left:380px;top:435px}
.main-banner.ui-rwd-970 .box08 {left:570px;top:290px}
.main-banner.ui-rwd-970 .box09 {left:760px;top:290px}
.main-banner.ui-rwd-970 .box10 {left:570px;top:435px;}
.main-banner.ui-rwd-970 .box11 {left:0px;top:580px}
.main-banner.ui-rwd-970 .box12 {left:190px;top:580px}

.main-banner.ui-rwd-1350 {width:1330px;height:580px}
.lt-ie9 .main-banner.ui-rwd-1350 {display:block}
.main-banner.ui-rwd-1350 .box01 {left:0px;top:0px}
.main-banner.ui-rwd-1350 .box02 {left:570px;top:0px}
.main-banner.ui-rwd-1350 .box03 {left:570px;top:145px}
.main-banner.ui-rwd-1350 .box04 {left:760px;top:0px}
.main-banner.ui-rwd-1350 .box05 {left:570px;top:290px}
.main-banner.ui-rwd-1350 .box06 {left:0px;top:290px}
.main-banner.ui-rwd-1350 .box07 {left:0px;top:435px}
.main-banner.ui-rwd-1350 .box08 {left:190px;top:290px}
.main-banner.ui-rwd-1350 .box09 {left:380px;top:290px;width:190px;height:290px}
.main-banner.ui-rwd-1350 .box10 {left:950px;top:145px;width:380px;height:435px}
.main-banner.ui-rwd-1350 .box11 {left:190px;top:435px}
.main-banner.ui-rwd-1350 .box12 {left:950px;top:0px}

.main-banner.ui-rwd-1730 {width:1710px;height:435px}
.lt-ie9 .main-banner.ui-rwd-1730 {display:block}
.main-banner.ui-rwd-1730 .box01 {left:0px;top:0px}
.main-banner.ui-rwd-1730 .box02 {left:950px;top:0px}
.main-banner.ui-rwd-1730 .box03 {left:950px;top:145px}
.main-banner.ui-rwd-1730 .box04 {left:1140px;top:0px}
.main-banner.ui-rwd-1730 .box05 {left:570px;top:0px}
.main-banner.ui-rwd-1730 .box06 {left:570px;top:290px}
.main-banner.ui-rwd-1730 .box07 {left:760px;top:290px}
.main-banner.ui-rwd-1730 .box08 {left:0px;top:290px}
.main-banner.ui-rwd-1730 .box09 {left:1140px;top:290px;width:190px;height:145px}
.main-banner.ui-rwd-1730 .box10 {left:1330px;top:0px;width:380px;height:435px}
.main-banner.ui-rwd-1730 .box11 {left:950px;top:290px}
.main-banner.ui-rwd-1730 .box12 {left:190px;top:290px}

/* main-banner-1 */
.main-banner-1 {position:relative;width:950px;margin:0 auto}
.main-banner-1 .main-banner-box {position:absolute;left:0;top:0}

.main-banner-1.deposit {height:580px;margin-top:25px}
.main-banner-1.deposit .box01 {width:570px;height:290px;}
.main-banner-1.deposit .box02 {width:190px;height:290px;left:570px}
.main-banner-1.deposit .box03 {width:190px;height:290px;left:760px}
.main-banner-1.deposit .box04 {width:380px;height:290px;top:290px}
.main-banner-1.deposit .box05 {width:190px;height:145px;left:380px;top:290px}
.main-banner-1.deposit .box06 {width:190px;height:145px;left:380px;top:435px;}
.main-banner-1.deposit .box07 {width:380px;height:290px;left:570px;top:290px;}

.main-banner-1.insu {height:823px;margin-top:27px}
.main-banner-1.insu .box01 {width:950px;height:181px}
.main-banner-1.insu .box01_btn {position:absolute; top:66px; left:341px;}
.main-banner-1.insu .box02 {width:317px;height:206px;top:181px;}
.main-banner-1.insu .box03 {width:317px;height:206px;top:181px; left:317px}
.main-banner-1.insu .box04 {width:316px;height:206px;top:181px; left:634px}
.main-banner-1.insu .box05 {width:317px;height:206px;top:387px;}
.main-banner-1.insu .box06 {width:317px;height:206px;top:387px; left:317px}
.main-banner-1.insu .box07 {width:316px;height:206px;top:387px; left:634px}
.main-banner-1.insu .box08 {width:317px;height:206px;top:593px;}
.main-banner-1.insu .box09 {width:317px;height:206px;top:593px; left:317px;}
.main-banner-1.insu .box10 {width:316px;height:206px;top:593px; left:634px;}

/* main-bottom */
.main-bottom {clear:both;width:950px;margin:35px auto 0px}
.main-bottom h3 {font-size:20px;font-weight:bold;color:#333333;letter-spacing:-1px;margin-bottom:2px}
.main-bottom .more a {color:#8A8A8A;font:11px 돋움, "Dotum";letter-spacing:-1px}
.main-bottom ul {display:table;width:100%}
.main-bottom li {display:table-cell;width:36%;border-left:1px solid #EEEEEE}
.main-bottom li:first-child {width:31%; border-left:none}
.main-bottom li:last-child {width:31%}
.ie7 .main-bottom ul {display:block}
.ie7 .main-bottom li {float:left;width:33.3%;min-height:225px}
.ie7 .main-bottom.pension li {min-height:155px}
.ie7 .main-bottom.insu li {min-height:175px}
.main-bottom .po-area {}
.main-bottom .po-area dt {font-size:14px;line-height:20px;letter-spacing:-1px;color:#333333}
.main-bottom .po-area dd {padding:14px 0 0}
.main-bottom.insu .po-area dl {width:215px;padding-right:80px;background:url(/img/section/po/main/bg_info_2.gif) no-repeat right 0;margin-top:11px}

.main-bottom .guide-area {position:relative;margin-left:20px}
.main-bottom .guide-area dl {clear:both;width:260px;margin-bottom:15px;*zoom:1}
.main-bottom .guide-area dl:after {clear:both;display:block;content:" "}
.main-bottom .guide-area .more {clear:both;position:absolute;top:5px;right:20px}
.main-bottom .guide-area .more a {line-height:18px}
.main-bottom .guide-area dt {font-size:15px;color:#1b7d96;letter-spacing:-2px}
.main-bottom .guide-area dd {clear:both;padding-top:5px}
.main-bottom .guide-area dd * {float:left}
.main-bottom .guide-area dd em {font-size:15px;color:#333333;letter-spacing:-1px}
.main-bottom .guide-area dd strong {margin:0 3px 0 5px;font-size:18px;font-family:"Arial",serif;color:#333333}
.main-bottom .guide-area dd span {font-size:13px;color:#666666;letter-spacing:-1px;line-height:21px}
.ie9 .main-bottom .guide-area dd strong {line-height:23px}
.ie9 .main-bottom .guide-area dd span {line-height:19px}
.main-bottom .guide-area .link-area {clear:both;display:block;width:auto;margin-top:3px;*zoom:1}
.main-bottom .guide-area .link-area:after {clear:both;display:block;content:" "}
.main-bottom .guide-area .link-area li { display:block; float:left; width:134px;min-height:auto;border-left:none;background:url(/img/section/po/main/bu_main.gif) no-repeat left 8px;padding-left:9px}
.main-bottom .guide-area .link-area li a {font-size:13px;letter-spacing:-1px;line-height:22px}
.main-bottom .guide-area .link-area li a:hover {text-decoration:underline;}
.main-bottom .guide-area .link-area-1 {display:block;width:auto;margin-top:3px}
.main-bottom .guide-area .link-area-1 li {float:none;display:block;width:auto;min-height:auto;border-left:none;background:url(/img/section/po/main/bu_main.gif) no-repeat left 8px;padding-left:9px;margin-top:10px;font-size:14px;color:#333333;letter-spacing:-1px}
.main-bottom .guide-area .link-area-1 li a {font-size:14px;letter-spacing:-1px;line-height:22px}

.main-bottom .counsel-area {margin-left:20px}
.main-bottom .counsel-area dl {margin-bottom:13px}
.main-bottom .counsel-area dt {font-size:16px;color:#333333;letter-spacing:-2px;background:url(/img/section/po/main/bu_main.gif) no-repeat left 8px;padding-left:9px}
.main-bottom .counsel-area dd {font-size:14px;color:#333333;letter-spacing:-2px;padding-left:9px;padding-top:5px}
.main-bottom .counsel-area em {font-size:14px;color:#777777;letter-spacing:-1px}
.main-bottom .counsel-area em em {letter-spacing:0}
.main-bottom .counsel-area strong {color:#9F7115;letter-spacing:0}
.main-bottom .counsel-area a {font-size:14px;}
.main-bottom .counsel-area .dsc {font-size:12px;color:#666666;letter-spacing:-1px}
.main-bottom .counsel-area .tel {letter-spacing:0}
.main-bottom .counsel-area .line {color:#c8c8c8;margin:0 5px}

.product-list .prd-info .dsc {color:#1b7d96 !important}
.product-result-info-area .po-btn-pack.selected span {color:#1b7d96 !important}

/* 공통 css (추후 base에 정리 요망) 김은표 */
.font-c-d0 {color:#d06000 !important}

/*bg_depsel1 베스트금리상품 백그라운드 신욱상*/
.bg_depsel1 {width:950px; height:162px; margin:0 auto; background:url(/img/section/cq/bg_depsel1.jpg) no-repeat;}
.font-c-e {color:#04aa8a;}

/*금융상품 보험 color 변경 신욱상 20150228*/
table tbody td a:hover,a:focus,a:active {color:#156e85 !important;}
.product-etc dl dt a:hover,a:focus,a:active {color:#156e85 !important;}
.product-etc dl dt dd a:hover,a:focus,a:active {color:#156e85 !important;}
#lnb .lnb-ly dl dd.current a {background:#156e85 !important;}
.step-box .round-box .step-num .step {color:#156e85 !important;}
.step-box .round-box .step-num .num {color:#156e85 !important;}
.step-box .round-box .txt-box dt {color:#156e85 !important;}
.box-guide dt {color:#156e85 !important;}
.btn-pack :hover,.btn-pack :active,.btn-pack :focus, .btn-pack:hover,.btn-pack:active,.btn-pack:focus{color:#0087e5}
.product-etc dt {display:table-cell;color:#156e85;width:105px;padding-left:18px;background:#fff;vertical-align:middle;line-height:49px}
.wrapper ul li a:hover,a:focus,a:active {color:#156e85 !important;}
#lnb ul.level1 li.level1-item.last.current {background-image:url(/img/common/header/bg_lnb/is_long_on.gif)}
.btn-pack :hover,.btn-pack :active,.btn-pack :focus, .btn-pack:hover,.btn-pack:active,.btn-pack:focus{color:#156e85 !important;}
.qna_color {color:#156e85 !important;}
.po-detail-info dd a:hover,a:focus,a:active {color:#156e85 !important;}
.foot ul li a:hover,a:focus,a:active {color:#156e85 !important;}
.paginate a:hover,a:focus,a:active {color:#156e85 !important;}
.info-area em {color:#156e85 !important;}
.link-area li a:hover,a:focus,a:active {color:#156e85 !important;}
.counsel-area dl dd a:hover,a:focus,a:active {color:#156e85 !important;}
/*금융상품보험 color변경추가 신욱상 2015-04-01*/
.product-result-info-area .po-btn-pack.selected {padding-right:21px;background-position: right -414px;}
/* insu-list */
.insu-list ul {clear:both;display:table;border-bottom:1px solid #E5E5E5;padding:20px 0;*zoom:1}
.insu-list ul:after {clear:both;display:block;content:' '}
.insu-list ul:first-child {padding-top:0}
.insu-list li {display:table-cell;vertical-align:middle}
.insu-list li.thum {width:220px;text-align:center}
.insu-list li.addr {width:440px;padding:0 25px}
.insu-list li.addr dt {font-size:16px;color:#000000;font-weight:bold;padding-bottom:6px}
.insu-list li.addr dd {font-size:14px;color:#555555;p adding-top:3px}
.insu-list li.addr a:hover {color:#156e85}
.insu-list li.tel {width:200px;font-family:arial;font-size:24px;color:#156e85;padding:0 30px}
.insu-list li.tel span {height:29px;background:url(/img/section/po/bg_tel.gif) no-repeat;padding-left:40px;line-height:27px;vertical-align:middle}
.ie7 .insu-list li {float:left}
.ie7 .insu-list li.thum {padding-top:24px}
.ie7 .insu-list li.tel {padding-top:22px}

/*보험센터 자주하는 질문(FAQ) 2015-03-11 신욱상*/
.bac-faq_bg {background:url('/img/section/po/faq_bg.jpg') no-repeat #fbfbfb; border:1px solid #e4e4e4; width:950px; height:193px; margin:0 auto;}
.bac-faq {width:525px; margin:25px 0 0 260px; border-bottom:1px solid #dcdcdc;}
.bac-faq input[type="submit"]{width:70px; height:35px; border:1px solid #2c8a94; background:#32a0ad; font-size:14px; color:#fff; border-radius: 3px;}
.bac-faq input[type="text"]{width:435px; height:27px; border:1px solid #309aa7}
.bac-faq li {letter-spacing:-1px; font-size:14px}
.bac-faq li .point {font-size:24px; font-weight:bold;}
.bac-faq .exe-qna {margin:10px 0; color:#666;}
.bac-faq1 {margin:10px 0 0 260px;}
.bac-faq1 dt {font-size:14px; font-weight:bold; float:left;}
.bac-faq1 dd {float:left; margin:2px 0 0 15px;}
.bac-faq1 ul li {margin-right:15px; float:left;}
.faq1 ul li a{text-decoration:underline;font-size:14px;}
.board-faq ul li:first-child {border-top:none;}

/* 보험가이드-보험증권보기 2015-03-20 신욱상*/
.insurance-policy-area {clear:both;width:950px;height:940px;background:url(/img/section/po/img_insurance_policy_1.gif) no-repeat}

/* 큐레이션  */
.qration {position:relative;width:950px;height:166px;}
.qration .js-carousel-content-wrapper {overflow:hidden;width:950px;height:166px;}
.qration .js-carousel-content-wrapper ul li {width:950px;height:200px;float:left;color:white;font-weight:bold;font-size:50px;text-align:center;}
.qration .js-carousel-prev, .js-carousel.qration .js-carousel-next {display:inline-block;width:30px;height:20px;position:absolute;top:90px;text-align:center;}
.qration .js-carousel-prev {left:3px;}
.qration .js-carousel-next {right:3px;}
.qration .qration_area {width:950px; height:166px; background:url(/img/section/po/qration_area_bg.jpg) no-repeat;}
.qration .qration_area .qration_content {position:relative; width:470px; height:166px; float:left;}
.qration .qration_area .img_area {position:absolute; top:67px; left:40px; }
.qration .qration_area .btn {position:absolute; right:15px; bottom:10px;}
.qration .qration_area dl {margin:64px 0 0px 140px}
.qration .qration_area dl dt {font-size:18px; color:#000; font-weight:normal; letter-spacing:-2px; line-height:20px; text-align:left;}
.qration .qration_area dl dd {margin-top:10px; font-size:13px; letter-spacing:-1.3px; color:#fff; text-align:left;}
.qration .qration_area.type2 {background:url(/img/section/po/qration_area_bg2.jpg) no-repeat;}
.qration .qration_area.type3 {background:url(/img/section/po/qration_area_bg3.jpg) no-repeat;}
.qration .qration_area.type4 {background:url(/img/section/po/qration_area_bg4.jpg) no-repeat;}
.qration .qration_area.type5 {background:url(/img/section/po/qration_area_bg5.png) no-repeat;}
.qration .qration_area.type6 {background:url(/img/section/po/qration_area_bg6.png) no-repeat;}
.qration_list {width:248px; height:96px; margin-top:30px; padding:45px 0 0 20px; background:url(/img/section/po/qration_list_bg.jpg) no-repeat; font-weight:bold;}
.qration_list li {line-height:23px; color:#474747; font-size:13px;}
.qration_list2 {width:248px; height:96px; margin-top:30px; padding:45px 0 0 20px; background:url(/img/section/po/qration_list_bg02.jpg) no-repeat; font-weight:bold;}
.qration_list2 li {line-height:23px; color:#474747; font-size:13px;}
.qration_notice {position:relative; width:204px; margin-top:5px; padding:8px 0 9px 65px; background:url(/img/section/po/qration_guide_notice_bg.gif) no-repeat}
.qration_notice dl {}
.qration_notice dt {font-weight:bold; letter-spacing:-1.3px; color:#3b3b3b; font-size:16px;}
.qration_notice dd {letter-spacing:-1.3px;  color:#6d6d6d; font-size:12px;}
.qration_notice dd .btn {position:absolute; right:8px; bottom:12px;}
.qration_h3 {background:url(/img/section/po/qration_h3_icon.jpg) left 9px no-repeat; font-size:18px; padding-left:15px; font-family:'나눔고딕'; font-weight:bold;}
.qration_info_txt {color:#282828; font-size:14px; line-height:23px; font-family:'나눔고딕'; margin-top:25px;}
.qration_info_txt li {font-size:13px; line-height:26px; font-family:'나눔고딕';}
.qration_info_txt p {font-size:13px; font-family:'나눔고딕';}
.qration_info_txt li dt {font-size:13px; font-family:'나눔고딕';}
.qration_info_txt li dd {font-size:13px; margin-left:15px; font-family:'나눔고딕';}
.qration_info_txt .point {color:#348103; text-decoration:underline; font-weight:bold; display:inline; font-family:'나눔고딕'}
.font-c-ecff6f {color:#ecff6f !important; background:none;}

/* 20191224 금융상품 내용 표기 개선 20800743 조지인(박성진대리님) */
.product-box .product-list .prd-btn-area .btn-pack{margin-top: -7px;}
.product-box .product-list.detail-type .prd-btn-area{margin-top: 30px}
#tab-cont-1.tab-cont-1 dl.po-detail-info dt{padding-left:0; background: transparent !important; font-weight:bold; padding-right:10px;}
#tab-cont-1.tab-cont-1 dl.po-detail-info dd ul li{line-height: 24px;}
#tab-cont-1.tab-cont-1 dl.po-detail-info dd ul li strong{font-size:14px;}
#tab-cont-1.tab-cont-1 dl.po-detail-info dd > ul:first-child{margin-top:-5px;}