@charset "utf-8";

/*약관*/
.accountTerm{padding:14px 9px;background:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.accountTerm dt{padding:0 0 13px;color:#262626;font-family:'sdsGnsb'}
.accountTerm dd{padding:13px 10px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}

/*온라인 계좌개설*/
.onlineAccnt .info{padding:24px 182px 24px 12px;background:url(../images/account/bg_online_account.png) no-repeat 100% 29px;-webkit-background-size:170px 124px;-moz-background-size:170px 124px;-o-background-size:170px 124px;background-size:170px 124px}
.onlineAccnt .info strong{font-weight:normal;color:#fff;font-size:20px}
.onlineAccnt .info em{color:#ffde51}
.onlineAccnt .info span{display:block;padding:5px 0 0;color:#fffefe}
.onlineAccnt .link{position:relative;padding:0 12px 10px 22px;color:#fff}
.onlineAccnt .link::before{content:'';display:block;position:absolute;left:12px;top:8px;width:4px;height:4px;background:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.onlineAccnt .link a{display:block;position:absolute;right:12px;top:0;color:#ffde51}
.onlineAccnt .link a::after{content:'';display:inline-block;width:20px;height:10px;margin:0 0 0 5px;background:url(../images/account/bg_point.png) no-repeat;-webkit-background-size:20px 10px;-moz-background-size:20px 10px;-o-background-size:20px 10px;background-size:20px 10px}
.onlineAccnt ul{overflow:hidden;padding:0 12px}
.onlineAccnt li{float:left;padding:6px 0 0;box-sizing:border-box}
.onlineAccnt li:nth-child(odd){padding-right:3px}
.onlineAccnt li:nth-child(even){padding-left:3px}
.onlineAccnt li a{position:relative;display:block;height:90px;padding:100px 8px 0;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-align:center;font-size:13px}
.onlineAccnt li img{position:absolute;left:50%;top:17px;width:73px;margin-left:-36px}
.onlineAccnt li strong{display:block;color:#262626;font-family:'sdsGnsb'}

/*모바일 개좌 개설 안내 (삭제예정)*/
#content.mobileAccount{padding:0 12px 79px;text-align:center}
.mobileAccount .txt1{display:block;padding:43px 0 0}
.mobileAccount .txt2{display:block;padding:0 0 17px}
.mobileAccount span>em{color:#818994;font-size:15px}
.mobileAccount span>strong{font-size:27px;font-family:'sdsGnsb';color:#262626;line-height:28px}
.mobileAccount .txt3{display:block}
.mobileAccount .txt4{display:block;padding:0 0 39px}
.mobileAccount .txt{display:block;padding:19px 0 33px}
.mobileAccount .btnFloating{display:block;border-top:1px solid #ccc}
.mobileAccount .btnFloating .btn{font-family:'sdsGnr';font-size:14px;color:#fff}
.mobileAccount .btnFloating .btn+.btn+.btn{color:#3698d9}
.motionBox{width:296px;margin:0 auto}

.mobileAccount .txtBox-js{display:block;overflow:hidden;position:relative;height:197px;vertical-align: middle}
.motionBox{width:296px;height:144.58px;margin:0 auto;overflow:hidden; position:relative}
.motionBox>div{position:absolute; background:url(../images/account/spritesheet.png) no-repeat 100%; transform:scale(.29)}
.motionBox>div:nth-child(1){ width:75px; height:117px; background-position: -232px -5px; left:2px;top:65px}
.motionBox>div:nth-child(2){ width:217px; height:178px; background-position: -5px -5px; left:143px; top:26px}
.motionBox>div:nth-child(3){ width:59px; height:99px; background-position:-317px -5px; left: 67px; top:76px}
.motionBox>div:nth-child(4){ width:142px; height:219px; background-position:-565px -5px; left:-5px; top:-1px}/* 화살표 */
.motionBox>div:nth-child(5){ width:376px; height:482px; background-position:-1055px -5px; left: -28px; top:-171px}   /* 핸드폰 */
.motionBox>div:nth-child(6){ width:80px; height:57px; background-position:-386px -5px; left: 120px; top:97px}   /* 동전 */
.motionBox>div:nth-child(7){ width:1040px; height:3px; background-position:-5px -234px; left:-372px; top:138px} /* 라인 */
.motionBox>div:nth-child(8){ width:143px; height:128px; background-position:-758px -5px; left: 140px; top:56.5px}   /* 얼굴 */
.motionBox>div:nth-child(9){ width:50px; height:50px; background-position:-476px -5px; left: 208px; top:101px}   /* 원동전 */
.motionBox>div:nth-child(10){ width:80px; height:14px; background-position:-911px -5px; left: 120px; top:136px}   /* 그림자 */
.motionBox>div:nth-child(11){ width:31px; height:19px; background-position:-717px -5px; left: 177px; top:130px}   /* 오른손*/
.motionBox>div:nth-child(12){ width:50px; height:10px; background-position:-125px -497px; left: 208px; top:134px}
.motionBox>div:nth-child(13){ width:50px; height:10px; background-position:-65px -497px; left: 208px; top:132px}
.motionBox>div:nth-child(14){ width:50px; height:10px; background-position:-5px -497px; left: 208px; top:130px}
.motionBox>div:nth-child(15){ width:19px; height:31px; background-position:-536px -5px; left: 233px; top:121px}   /* 왼손*/
.motionBox>img{position:absolute}
.motionBox>img:nth-child(16){left:65px;top:50px;width:10%}
.motionBox>img:nth-child(17){left:260px;top:60px;width:8%}
.motionBox>img:nth-child(18){left:218px;top:10px;width:10%}

/* 모바일 계좌 개설 수정 */
#content.mobileAccnt{padding:50px 22px 79px;text-align:center}
.mobileAccnt .titText{display:block;overflow:hidden;position:relative;vertical-align:middle;font-size:30px;color:#262626;line-height:40px;font-weight:bold}
.accountBox{margin-top:60px;text-align:center}
.accountBox a{display:block}
.accountBox img{width:247px}
.accountBox .txt{padding-top:20px;font-size:13px;line-height:18px}
.mobileAccnt .btnCont{margin-top:55px;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center}
.mobileAccnt .btnCont li{width:50%;height:56px}
.mobileAccnt .btnCont li a{display:flex;display:-webkit-flex;align-items:center;justify-content:flex-end;height:100%;color:#fff;font-size:14px;line-height:18px;font-weight:bold;padding-right:23px}
.mobileAccnt .btnCont .btnType1{background:#114273 url(../images/account/ico_naoa830001_1.png) no-repeat 17px center;background-size:44px auto;margin-right:8px}
.mobileAccnt .btnCont .btnType2{background:#f1a628 url(../images/account/ico_naoa830001_2.png) no-repeat 17px center;background-size:44px auto;margin-left:8px}
.mobileAccnt .btnFloating{display:block}
@media screen and (max-width:320px){
    #content.mobileAccnt{padding-top:30px}
    .accountBox{margin-top:40px}
    .mobileAccnt .btnCont{margin-top:30px}
}

#popCon.accGuide{padding:0 0 60px}
.popup .accGuide .tabType1{margin:0}
.accGuide .guideTop{background:none;padding:0;border:none}
.guideBanner{margin-top:5px}
.guideCell{padding-top:30px}
.guideCell h2{font-size:18px;font-weight:bold;color:#262626;text-align:center;padding-bottom:20px}
.guideCell h2 .num{font-size:0;display:inline-block;background-image:url(../images/account/ico_naoa830002_num.png);background-size:140px auto;width:20px;height:22px;vertical-align:top;margin-top:-7px}
.guideCell h2 .num.n2{background-position:-20px 0}
.guideCell h2 .num.n3{background-position:-40px 0}
.guideCell h2 .num.n4{background-position:-60px 0}
.guideCell h2 .num.n5{background-position:-80px 0}
.guideCell h2 .num.n6{background-position:-100px 0}
.guideCell h2 .num.n7{background-position:-120px 0}
.guideCell h2 .penLine{margin-left:-3px}
.guideCell .img{position:relative}
.fingerClick .finger{width:10.5%;height:20%;background:url(../images/account/img_cursor.png) no-repeat;background-size:100%;display:inline-block;position:absolute;left:0;bottom:0;transform:rotate(35deg);animation:finger 2.5s infinite linear;-webkit-animation:finger 2.5s infinite linear;z-index:10}
.fingerClick .ripples{background:#f04b4c;opacity:0;width:8%;height:9%;border-radius:50%;animation:ripples 2.5s infinite linear;-webkit-animation:ripples 2.5s infinite linear;position:absolute;left:13.5%;bottom:49%;color:#262626;text-align:center;line-height:43px;font-weight:bold;display:flex;display:-webkit-flex;justify-content:center;align-items:center;font-size:14px}
.fingerClick .finger.type2{width:10.5%;height:20%;background:url(../images/account/img_cursor.png) no-repeat;background-size:100%;display:inline-block;position:absolute;left:0;top:40%;transform:rotate(35deg);animation:finger2 3.5s infinite linear;-webkit-animation:finger2 3.5s infinite linear;z-index:10;}
.fingerClick .bounce{background:url(../images/account/img_naoa830005_1_1.png) no-repeat;width:72px;height:72px;background-size:72px;animation:bounce 3.5s infinite linear;-webkit-animation:bounce 3.5s infinite linear;position:absolute;left:6%;top:35%}
.guideLink{position:absolute;text-indent:-9999px;font-size:0;line-height:0;width:39%;height:45%;top:18%;left:7%}
.guideLink.type2{top:34%;left:4%;bottom:7%;width:21%;height:14%}
@keyframes finger{
	0% {opacity:0;left:-50%;bottom:0px}
	35% {opacity:1;left:9%;bottom:36%}
	80% {opacity:1;left:9%;bottom:36%}
	100% {opacity:0;left:9%;bottom:36%}
}
@keyframes finger2{
	0% {opacity:0;left:-50%;bottom:-10%}
	20% {opacity:1;left:-10%;bottom:-7%}
	25% {opacity:1;left:-3%;bottom:-5%}
	30% {opacity:1;left:-3%;bottom:-3%;transform:scale(1) rotate(35deg);}
	32% {opacity:1;left:-3%;bottom:-3%;transform:scale(0.8) rotate(35deg);}
	34% {opacity:1;left:-3%;bottom:-3%;transform:scale(1) rotate(35deg);}
	48% {opacity:1;left:-3%;bottom:-3%}
	50% {opacity:1;left:-3%;bottom:-3%}
	70% {opacity:1;left:-3%;bottom:-3%}
	80% {opacity:1;left:-3%;bottom:-3%}
	100% {opacity:0;left:-3%;bottom:-3%}
}
@keyframes ripples{
	0% {opacity:0;}
	35% {opacity:0.5;}
	44%{opacity:0.5;transform:scale(1);}
	46%{transform:scale(0.8)}
	48%{transform:scale(1)}
	80% {opacity:0.5;}
	100% {opacity:0;}

}
@keyframes bounce{
	0% {transform:scale(0);opacity:1}
	30% {transform:scale(0);opacity:1}
	35% {transform:scale(0);opacity:1}
	42%{transform:scale(0.9);opacity:1}
	45%{transform:scale(1);opacity:1}
	50%{transform:scale(1);opacity:1}
	60%{transform:scale(1);opacity:1}
	65%{transform:scale(1);opacity:1}
	80% {transform:scale(1);opacity:1}
	100% {transform:scale(1);opacity:0}

}

/* 2017-10-24 약관 추가 */
div.scatchConditions h1{margin:40px 0 0 0;padding:0 0 7px;font-size:17px;font-weight:bold;color:#262626}
div.scatchConditions h1 + h2{margin-top:0}
div.scatchConditions h2{margin-top:27px;padding:0 0 9px;font-size:15px;color:#262626}
div.scatchConditions h3{font-weight:bold;padding:10px 0 5px 0;font-size:100%}
div.scatchConditions h2 + ol > li:first-child{padding:0}
div.scatchConditions li {padding:10px 0 0}
div.scatchConditions li > ol, div.scatchConditions li > ul{padding:0 0 0 10px}
div.scatchConditions  .box.gray li{padding:0 0 0 10px}
/* //2017-10-24 약관 추가 */

/* 2022-05-19 개인정보처리방침 */
.cont_labeling_pipp dt{text-align:center;font-weight:bold;padding-bottom:10px;}
.cont_labeling_pipp dd ul{display:table;width:100%;box-sizing:border-box;border:1px solid #ccc;border-width:0 1px 0 0;background:#fff;}
.cont_labeling_pipp dd ul:first-child{border-top-width:1px;}
.cont_labeling_pipp dd ul li{display:table-cell;width:50%;box-sizing:border-box;padding:10px;text-align:center;border:1px solid #ccc;border-width:0 0 1px 1px;}
.cont_labeling_pipp dd ul li:nth-child(2n+1){clear:both;}
.cont_labeling_pipp dd ul li .txt{display:block;padding-top:5px;font-size:13px;}
.cont_ppip{padding-top:20px;margin:0 !important;}
.cont_ppip h3{margin-bottom:8px;line-height:150%;}
.cont_ppip .icon_pipp{position:relative;display:inline-block !important;vertical-align:middle;margin-top:-4px;width:25px;height:25px;background-size:100% 100%;}
.cont_ppip .icon_pipp span{display:inline-block !important;position:absolute;left:0;top:-38px;background:#000;color:#fff;padding:5px;font-size:12px;transition:opacity .3s;opacity:0;white-space:nowrap;}
.cont_ppip .icon_pipp.on{z-index:10;}
.cont_ppip .icon_pipp.on span{display:inline-block;opacity:1;}
.cont_ppip .tableType1{table-layout:fixed;}
.cont_ppip .tableType1 tbody th{padding-left:10px;padding-right:10px;}
.cont_ppip .listType1>li{word-break:break-all;}
.cont_ppip .list_a > li{margin-top:10px !important;}
.cont_ppip .list_a > li:first-child{margin-top:0 !important;}
.cont_ppip .numRound > li{padding-left:0;}
.cont_ppip .numRound > li:before{margin-left:0;position:relative;top:-2px;}
.icon_pipp{display:inline-block;width:50px;height:50px;background-position:left top;background-repeat:no-repeat;}
.icon_pipp1{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp1.png);}
.icon_pipp2{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp2.png);}
.icon_pipp3{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp3.png);}
.icon_pipp4{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp4.png);}
.icon_pipp5{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp5.png);}
.icon_pipp6{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp6.png);}
.icon_pipp7{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp7.png);}
.icon_pipp8{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp8.png);}
.icon_pipp9{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp9.png);}
.icon_pipp10{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp10.png);}
.icon_pipp11{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp11.png);}
.icon_pipp12{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp12.png);}
.icon_pipp13{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp13.png);}
.icon_pipp14{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp14.png);}
.icon_pipp15{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp15.png);}
.icon_pipp16{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp16.png);}
.icon_pipp17{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp17.png);}
.icon_pipp18{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp18.png);}
.icon_pipp19{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp19.png);}
.icon_pipp20{background-image:url(https://www.shinhaninvest.com/siw/common/images/customer/icon_pipp20.png);}