@charset "utf-8";
/* reset */
html,body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,figure{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body{overflow:auto;min-width:1120px;background-color:#f8f8f8}
body,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-family:'Yoon 윤고딕','돋움',dotum,sans-serif;color:#111}
a{color:#000;text-decoration:none}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
#mArticle {width: 100%;}
/* global */
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.caption_g{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}
.inp_g::-webkit-input-placeholder{color:#aaa}
.inp_g::-moz-placeholder{color:#aaa}
.inp_g:-ms-input-placeholder{color:#aaa}
.inp_g:-moz-placeholder{color:#aaa}
/* Background Image - common 요소 */
.img_kakaobank{display:inline-block;overflow:hidden;line-height:0;background:url(https://og.kakaobank.io/view/c98e2727-c3e4-431f-ac6c-f7d84702d19c) no-repeat;text-indent:-9999px}
/** common **/
/* layout */
html,body,#kakaoWrap{height:100%}
#kakaoContent{overflow:hidden;min-height:100%;display: block;}
.content_wrapper{position:relative;width:1080px;min-height:100%;margin:0 auto}
.content_wrapper:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
/* header */
#kakaoHead{min-width:1080px}
#kakaoHead a{float:left;padding:10px}
#kakaoHead .img_kakaobank{display:block}
#kakaoHead .img_logo{width:116px;height:20px;background-position:0 0}
#kakaoHead .wrap_download{float:right}
#kakaoHead .wrap_download a{margin-left:10px}
#kakaoHead .wrap_download .img_google{width:110px;height:21px;margin-top:1px;background-position:0 -30px}
#kakaoHead .wrap_download .img_appstore{width:98px;height:22px;background-position:0 -60px}
.img_webaccessibility {border:none;width: 46px;height: 33px;object-fit: contain; vertical-align: middle;}
.txt_webaccessibility {height: 16px;font-size: 13px;font-weight: 600;color: #666;margin-left: 8px; display: inline-block;}
.link_webaccessibility {display:inline-block;}
/* footer */
.footer {background:#F7F7F7;}
.footer .inner {position:relative;margin:0 auto;padding:53px 80px 40px;max-width:1440px;min-width:944px;height:100%;background:#F7F7F7;}
.footer .footer-logo {display:block;width:160px;height:27px;background:url(https://og.kakaobank.io/view/3afc3546-7a9c-4749-a4de-1a4c1e911044) no-repeat center / 100%;}
.footer .footer-logo + .footer-info {margin-top:112px;}
.footer .footer-info {display: flex; justify-content: flex-start;}
.footer .footer-info .footer-info__link .info-list .info-item {font-size:14px;}
.footer .footer-info .footer-info__link .info-list .info-item > span br {display:none;}
/* footer-nav© */
/* footer-copy */
.footer .footer-info .footer-info__link .info-list {display:flex;color: var(--Black-60, #888);font-weight: 500;}
.footer .footer-info .footer-info__link .info-list .info-item > span {margin-left:15px}
.footer .footer-info .footer-info__link .info-list .copy-item {font-size:14px;}
/* 상단으로 이동 */
.floating-top .goto-top {position:absolute;top:40px;right:80px;display: flex;width: 52px;height: 52px;justify-content: center;align-items: center;gap: 10px;border-radius: 100px;background: #E6E6E6 url("https://og.kakaobank.io/view/eadd003d-2847-4d26-a071-c49ac46e774d") no-repeat center / 28px;}
/* Tablet(1024~1599) */
@media screen and (max-width: 1599.98px) {
.footer .inner {padding-right:40px;padding-left:40px;max-width: 944px;}
.floating-top .goto-top {right:40px;}
}
/* 테이블 */
.tbl_bank{width:100%;margin-top:16px;table-layout:fixed;text-align:center}
.tbl_bank th,.tbl_bank td{border:solid 1px #dcdcdc}
.tbl_bank th{height:52px;font-weight:normal;font-size:14px;background-color:#f4f4f4;color:#666}
.tbl_bank td{padding:16px 0 15px;font-size:14px;line-height:1.57;background-color:#fff;color:#333}
.tbl_bank .emph_g{font-weight:bold;color:#084684}
/** 안내 펼침목록 **/
.intro_detail{padding:120px 0;background-color:#fff}
.board_accordion{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;background-color:#fff}
.board_accordion .board_item{border-top:1px solid #e6e6e6}
.board_accordion .board_item:first-child{border:0 none}
.board_accordion .board_item.on,
.board_accordion .board_item.on .info_cont{background-color:#f4f4f4}
.board_accordion .board_item.on .img_arr{background-position:-100px -130px}
.board_accordion .info_tit{position:relative;font-weight:normal}
.board_accordion .link_tit{display:block;padding:24px 74px 23px 30px}
.board_accordion .tit_board{display:block;font-size:18px;line-height:24px}
.board_accordion .img_arr{position:absolute;top:0;bottom:0;right:30px;width:14px;height:8px;margin:auto 0;background-position:-100px -120px}
.board_accordion .info_cont{padding:40px 53px;border-top:1px solid #e6e6e6;font-size:14px;font-weight:200;line-height:2;background-color:#fff;color:#666}
.board_accordion .info_cont strong{display:block;margin:40px 0 16px;font-weight:normal;font-size:15px;line-height:20px;color:#000}
.board_accordion .info_cont strong:after{content:'';display:block;clear:both;}
.board_accordion .info_cont strong:first-child{margin-top:0}
.board_accordion .info_cont em{display:block;color:#888;font-weight:200}
.board_accordion .info_cont table{width:100%;margin-top:16px;table-layout:fixed;text-align:center}
.board_accordion .info_cont table+em{margin-top:16px}
.board_accordion .info_cont th,.board_accordion .info_cont td{border:solid 1px #dcdcdc}
.board_accordion .info_cont th{height:52px;font-weight:normal;font-size:13px;background-color:#f4f4f4;color:#666}
.board_accordion .info_cont td{padding:16px 0 15px;font-size:13px;line-height:1.57;background-color:#fff;color:#333}
.board_accordion .info_cont .emph_g{display:inline;font-weight:bold;color:#084684}
.board_accordion .info_cont .emph_primary{margin:16px 0;color:#084684}
.board_accordion .info_cont .emph_danger{color:#eb2d2b}
.board_accordion .info_cont .mg_top14{margin-top:14px}
.board_accordion .box_primary{margin-top:16px;border:solid 1px #dcdcdc;font-size:14px;line-height:1.57;color:#333}
.board_accordion .box_primary .tit_box{margin:0;padding:18px 0;border-bottom:solid 1px #dcdcdc;font-size:14px;line-height:17px;background-color:#f4f4f4;color:#666;text-align:center}
.board_accordion .info_box{padding:18px 24px;background-color:#fff}
.board_accordion .info_box .emph_primary{margin:14px 0}
.board_accordion .info_box ul li,.board_accordion .info_box ul ol{margin-top:10px}
.board_accordion .info_box ol p{margin:10px 0}
.board_accordion .info_box ol li{margin-top:0}
.board_accordion .info_box ol+.emph_primary{margin-top:20px}
.board_accordion .info_cont .line_g{display:block;height:1px;margin:20px 0;background-color:#e6e6e6}
.board_accordion .info_cont .line_g+strong{margin-top:0}
.board_accordion .info_cont .loading_box{text-align:center}
.board_accordion .info_cont .link_download{float:right;font-size:15px;color:#666}
.board_accordion .info_cont .img_download{width:15px;height:12px;margin:0 0 0 8px;background-position:-100px -140px;vertical-align:baseline}
/** 추천 **/
.recomm_product{padding-top:120px}
.recomm_product .tit_recomm{font-weight:normal;font-size:22px;color:#000;text-align:center}
.recomm_product .list_recomm{margin:40px -6px 0 0}
.recomm_product .list_recomm:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.recomm_product .list_recomm li{float:left;width:175px;margin:0 6px 6px 0}
.recomm_product .list_recomm .link_recomm{display:block;position:relative;width:143px;height:80px;padding:20px 12px 12px 20px;border-radius:2px;font-size:17px;line-height:20px;color:#fff}
.recomm_product .list_recomm .link_type1{background-color:#35A67D}
.recomm_product .list_recomm .link_type2{background-color:#526baa}
.recomm_product .list_recomm .img_kakaobank{position:absolute;bottom:12px;right:12px;width:50px;height:50px}
.recomm_product .list_recomm .ico_account{background-position:-120px 0}
.recomm_product .list_recomm .ico_savings{background-position:-180px 0}
.recomm_product .list_recomm .ico_deposit{background-position:-240px 0}
.recomm_product .list_recomm .ico_loan{background-position:-120px -60px}
.recomm_product .list_recomm .ico_negative{background-position:-180px -60px}
.recomm_product .list_recomm .ico_credit{background-position:-240px -60px}
.recomm_product .list_recomm .ico_house{background-position:-120px -120px}
.recomm_product .list_recomm .ico_safeboxes {background: url(https://og.kakaobank.io/view/ccb85f9f-28cb-49f0-b6f3-b07827cc5260);background-size: 50px 50px;width:50px;height:50px;}
.recomm_product .list_recomm .ico_moim {background: url(https://og.kakaobank.io/view/3a20c602-7ed4-49ab-9440-6faee4f22e9e);background-size: 50px 50px;width:50px;height:50px;}
.recomm_product .list_recomm .ico_26weeks{background: url(https://og.kakaobank.io/view/e6e3ea32-9440-47e8-8f3b-2f19ecdfcbae);background-size: 50px 50px;width:50px;height:50px;}
.recomm_product .ico_sohoaccounts{background: url(https://og.kakaobank.io/view/3ca89b9c-a165-4a4d-8b2d-93f866e582e5); width: 50px; height: 50px; background-size: 200px 50px; background-position: 0 0; }
.recomm_product .ico_checkcard{background: url(https://og.kakaobank.io/view/3ca89b9c-a165-4a4d-8b2d-93f866e582e5); width: 50px; height: 50px; background-size: 200px 50px; background-position: 50px 0; }
.recomm_product .ico_sohocheckcard{background: url(https://og.kakaobank.io/view/3ca89b9c-a165-4a4d-8b2d-93f866e582e5); width: 50px; height: 50px; background-size: 200px 50px; background-position: 150px 0; }
.recomm_product .ico_soholoans2{background: url(https://og.kakaobank.io/view/3ca89b9c-a165-4a4d-8b2d-93f866e582e5); width: 50px; height: 50px; background-size: 200px 50px; background-position: 100px 0; }
/** 공유하기, 준법감시필 **/
.share_product{overflow:hidden;padding-top:80px;line-height:48px}
.share_product .review_txt{float:right;font-size:14px;color:#888}
/*.share_product .share_block{float:left}*/
/*.share_product .tit_share{float:left;margin-right:32px;font-weight:normal;font-size:18px;color:#000}*/
/*.share_product .list_share{float:left}*/
/*.share_product .list_share li{float:left;margin-right:12px}*/
/*.share_product .list_share .img_kakaobank{display:block;width:48px;height:48px}*/
/*.share_product .list_share .img_kakaotalk{background-position:0 -120px}*/
/*.share_product .list_share .img_facebook{background-position:-50px -120px}*/
/** 상품상세 공통 **/
.head_product{padding:152px 0 72px;background-color:#35A67D;color:#fff;text-align:center}
.head_product h1{font-size:24px;font-weight:100;line-height:29px}
.head_product h1 .txt_detail{display:block;margin-top:16px;font-weight:300;font-size:58px;line-height:1.31}
.head_product .txt_special{display:block;width:159px;height:38px;margin:20px auto 0;border-radius:38px;font-size:16px;font-weight:200;line-height:40px;background-color:rgba(0,0,0,.2);color:#fff;text-align:center}
.head_product .txt_special+.wrap_detail{margin-top:65px}
.wrap_detail{margin-top:80px}
.wrap_detail .inner_detail{display:inline-block;overflow:hidden;vertical-align:top}
.wrap_detail .list_detail{float:left;position:relative;min-width:145px;padding:0 30px;text-align:left}
.wrap_detail .list_detail dt{font-size:18px;font-weight:200;line-height:21px;}
.wrap_detail .list_detail dd{margin-top:6px}
.wrap_detail .list_detail dd:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.wrap_detail .list_detail .desc_detail{display:inline-block;vertical-align:top}
.wrap_detail .list_detail .txt_plus{float:left;width:14px;margin:-6px 2px 0 -16px;font-size:24px}
.wrap_detail .list_detail .txt_year{float:left;margin:3px 4px 0 0;font-size:32px;font-weight:200;line-height:41px}
.wrap_detail .list_detail .num_txt{float:left;margin-right:4px;font-size:38px;font-weight:lighter;line-height:48px}
.wrap_detail .list_detail .txt_per{float:left;margin-top:13px;font-size:24px;font-weight:200;line-height:29px}
.wrap_detail .list_detail .txt_unit{float:left;margin-top:13px;font-size:22px;font-weight:200;line-height:27px}
.wrap_detail .txt_bar{float:left;width:1px;height:62px;margin-top:7px;background-color:#fff;opacity:.3}
.intro_product{overflow:hidden;background-color:#fff}
.intro_product h3{font-weight:normal;font-size:40px;line-height:1.3;color:#000}
.intro_product p{margin-top:16px;font-size:15px;font-weight:200;line-height:1.75;color:#666}
.intro_product_gray{background-color:#f7f7f7}
.intro_product_right h3,
.intro_product_right p{width:50%;padding-left:50%}
.intro_product_center {text-align: center;}
/* 영상 */
.vod_product{padding:120px 0;background-color:#f7f7f7;text-align:center}
.vod_product h3{font-size:30px;margin-bottom:48px}
.vod_product .group_btn{width:480px;margin:0 auto 40px}
.vod_product .group_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.vod_product .btn_vod{float:left;width:161px;height:48px;margin-left:-1px;border:solid 1px #afafaf;font-size:15px;line-height:48px;color:#999;box-sizing:border-box}
.vod_product .btn_vod.on{position:relative;border-color:#000;color:#000}
.vod_product iframe{display:block;margin:0 auto}
/* qna */
.qna_product{padding:120px 0}
.qna_product h3{font-size:30px;line-height:36px}
.qna_product .list_qna{margin-top:25px}
.qna_product .list_qna dt{padding-top:24px;font-size:17px;line-height:21px;color:#000}
.qna_product .list_qna dd{padding:17px 0 24px;border-bottom:1px solid #e0e0e0;font-size:15px;font-weight:200;line-height:1.63;color:#888}
.qna_product .txt_q{font-weight:bold;color:#526baa}
.qna_product .btn_more{display:block;width:317px;height:64px;margin:56px auto 0;border-radius:2px;font-size:16px;line-height:64px;background-color:rgba(0,0,0,.05);text-align:center}
.skip_navigation_wrap {position: absolute;top: -9999px;left: -9999px;width: 100%;line-height: 24px;text-align: center;background-color: #000;opacity: .8;z-index: 2000}
.skip_navigation_wrap.focus {top: 0;left: 0}
.skip_navigation_wrap .skip_navigation {line-height: 24px;color: #fff;font-size: 13px}
/* 에러 페이지 */
#kakaoIndex{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
body.layout_error{background-color:#fff; width: auto; min-width: auto;}
body.layout_error strong {font-style: normal;font-weight: normal;}
.layout_error #kakaoWrap{min-width:320px}
.info_error{padding:120px 10px 75px;border-bottom:1px solid #e6e6e6;text-align:center}
.layout_error .img_kabang {background: url(https://og.kakaobank.io/view/1e3d4089-8b74-4b7a-be24-dbdeb322abb5);}
.info_error .img_error{display:block;width:110px;height:110px;margin:0 auto 54px;background-position:-120px -210px}
.info_error .tit_error{display:block;font-size:25px;line-height:34px}
.info_error .desc_error{padding:20px 0 45px;font-size:14px;color:#888;line-height:24px}
.info_error .desc_error2{padding-bottom:0}
.info_error .link_home{display:block;overflow:hidden;width:298px;height:58px;margin:0 auto;border:1px solid #dcdcdc;font-size:16px;line-height:58px}
.info_error .inner_link{display:inline-block}
.info_error .ico_kakaobank{float:left;width:95px;height:16px;margin:21px 8px 0 0;background-position:-120px -330px}
.info_error .txt_home{float:left}
.layout_error .txt_etc{padding:28px 10px 50px;font-size:13px}
.layout_error .link_qna{display:inline-block;margin-left:15px;color:#0089e4;text-decoration:underline;vertical-align:top}
body[data-os^='windows'] .info_error .desc_error{font-family:'돋움',dotum,sans-serif}
/* 하단 텍스트 */
.txt_etc{padding-top:38px;font-weight:200;font-size:12px;color:#666;text-align:center}
/* Pixel ratio */
@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx){
.img_kakaobank{background-image:url(https://og.kakaobank.io/view/261957f4-0ba6-4f5f-a762-c7f7761efc32);background-size:290px 170px}
}
@font-face {
font-family: 'Yoon 윤고딕';
src: url('https://og.kakaobank.io/view/1d45dfa3-d612-4fde-8680-0f73543d010f');
src:url('https://og.kakaobank.io/view/1d45dfa3-d612-4fde-8680-0f73543d010f') format('embedded-opentype'),
url('https://og.kakaobank.io/view/eac3fc47-9ae1-4b58-8794-d20302c269e8') format('woff'), url('https://og.kakaobank.io/view/0ff055af-1ccc-406c-95f6-00888c6c364e') format('truetype');
font-weight:normal;
}
@font-face {
font-family: 'Yoon 윤고딕';
src: url('https://og.kakaobank.io/view/8fa77dce-d442-448a-a8a9-11ea25b8a606');
src:url('https://og.kakaobank.io/view/8fa77dce-d442-448a-a8a9-11ea25b8a606') format('embedded-opentype'),
url('https://og.kakaobank.io/view/ba04e6c3-16f7-444f-8212-6cb03310dd90') format('woff'), url('https://og.kakaobank.io/view/0cbc5aaa-3f2c-4c72-a78a-2ad63248b75b') format('truetype');
font-weight:200;
}
/* scraping alert */
.wrap_layer {overflow: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9998;background: url(/static/images/web/bg_dimmed.png) repeat}
.wrap_layer.wrap_popup {position: fixed;background: none transparent;transition: background-color .25s;transform: translate3d(0,0,0)}
.wrap_layer.wrap_popup.show {background: rgba(0,0,0,0.35)}
.wrap_popup .layer_kabang {top: -1000px;opacity: 0;transition-property: top,opacity;transition-duration: .25s}
.layer_kabang:focus {outline: 0 none}
.wrap_layer.wrap_popup.show .layer_kabang {top: 60px;opacity: 1}
.wrap_layer.wrap_popup.show .layer_kabang.layer_alert {top: 200px}
.tit_alert {display: block;padding: 78px 0 36px;font-weight: 200;font-size: 16px;line-height: 28px;text-align: center}
.tit_alert2 {padding: 64px 0 20px}
.layer_kabang {position: absolute;top: 50%;left: 50%;z-index: 9999;background-color: #fff;box-shadow: -1px 1px 5px rgba(0,0,0,.3);-webkit-box-shadow: -1px 1px 5px rgba(0,0,0,.3)}
.layer_kabang .layer_foot .btn_g {position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;padding-bottom: 2px;font-size: 15px;line-height: 58px}
.layer_kabang .btn_close {position: absolute;top: 0;right: 0;padding: 20px;}
.layer_kabang .ico_close {width: 18px;height: 18px;background-position: 0 -60px;}
.img_kabang {display: block;overflow: hidden;background: url(https://og.kakaobank.io/view/1e3d4089-8b74-4b7a-be24-dbdeb322abb5);text-indent: -9999px;}
.btn_check,a.btn_check {background-color: #ffde00}
.layer_alert {width: 340px;height: 186px;margin-left: -170px}
.layer_alert2 {height: auto;min-height: 215px}
.layer_alert2 .tit_alert {padding-top: 50px}
.layer_alert2 .tit_alert2 {padding-top: 53px}
.layer_alert2 .use_btn_alert {padding: 55px 20px 90px}