@charset "utf-8";
/************************************************
YUANTA
commnet : hello 유안타 
*************************************************/

.contTitH1 + .smartGuideWrap{margin-top:-32px;position:relative;}
.smartGuideWrap{}
.smartGuideWrap .tblTxtWrap{padding-bottom:10px}
.smartGuideWrap .tblTxtWrap .lTxt{font-size:16px;line-height:24px;font-weight:bold}
.smartGuideWrap .tblTxtWrap .lTxt em{color:#e02f00;}
.smartGuideWrap .tblTxtWrap .lTxt em:before{background-color:transparent !important;width:0 !important;height:0}
.smartGuideWrap .tblTxtWrap .rTxt{font-size:15px;color:#f26522;font-weight:bold;padding-right:5px;}
.smartGuideWrap .tblTxtWrap .rTxt span{position:absolute;right:114px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat 0 0;width:29px;height:29px;display:inline-block;}
.smartGuideWrap .tblTxtWrap .rTxt a{color:#f26522;}

.smartLinkWrap{padding-top:299px;/* height:180px; */background:url("/myasset/common/img/hu/bg_smartstep.png") no-repeat center top;}/*160602수정*/
.lyPopWrap.smart .smartLinkWrap{background:url("/myasset/common/img/hu/bg_smartstep_p.png") no-repeat center top;padding-top:346px;padding-bottom:70px}
.lyPopWrap.smart .popTitWrap{height:160px;padding:0 100px;background:url("/myasset/common/img/hu/bg_smart_poptit.png") no-repeat left top;}
.lyPopWrap.smart .popTitWrap h1{}
.lyPopWrap.smart .popBody{padding:0 0 20px;}
.lyPopWrap.smart .inner{width:790px;margin:40px auto;overflow:hidden}
.smartGuideWrap .smartHolder{width:790px;margin:0 auto 60px;}
.smartGuideWrap .smartBg{margin:0 auto;background:#033e7a url("/myasset/common/img/hu/bg_smart.png") no-repeat center top;overflow:hidden}
.smartGuideWrap .smartBg .titWrap{width:790px;margin:0 auto 5px;}
.smartGuideWrap .smartBg .titWrap .dp1{color:#fff}
.smartGuideWrap .smartBg .smartStepWrap{width:790px;margin:0 auto;}
.smartGuideWrap .smartBg .noticeWrap{background-color:#fff;width:750px;margin:40px auto 60px;}

.smartGuideWrap .lyWrap{width:790px;height:180px;margin:10px auto 0;}/*160602수정*/
.lyPopWrap .smartLinkWrap .lyWrap{box-shadow:0px 20px 30px #000;}
.smartGuideWrap .lyWrap .lCont, .smartGuideWrap .lyWrap .rCont{height:180px;padding-left:170px;padding-top:41px;color:#fff;font-size:14px;position:relative;}
.smartGuideWrap .lyWrap strong{font-size:24px;display:block;line-height:28px;margin-bottom:3px}
.smartGuideWrap .lyWrap a{font-size:17px;color:#fff;display:block;font-weight:bold;position:absolute;top:0;left:0;right:0;bottom:0;}
.smartGuideWrap .lyWrap .tit{position:relative;z-index:10;margin:0;display:inline-block;}
.smartGuideWrap .lyWrap .lCont a{background:url("/myasset/common/img/hu/btn_smartstep.png") no-repeat left top;}
.smartGuideWrap .lyWrap .lCont a:hover{background:url("/myasset/common/img/hu/btn_smartstep.png") no-repeat left -181px;}
.smartGuideWrap .lyWrap .rCont a{background:url("/myasset/common/img/hu/btn_smartstep.png") no-repeat right top;}
.smartGuideWrap .lyWrap .rCont a:hover{background:url("/myasset/common/img/hu/btn_smartstep.png") no-repeat right -181px;}
.smartGuideWrap .lyWrap a>span{width:128px;height:38px;line-height:38px;display:inline-block;border-radius:3px;padding:0 12px 0 15px;position:relative;margin:108px 0 0 170px;}
.smartGuideWrap .lyWrap a .ico{position:absolute;right:12px;top:50%;margin-top:-8px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat -32px 0;width:15px;height:16px;display:inline-block;vertical-align:middle}
.smartGuideWrap .lyWrap .lCont a>span{border:1px solid #fb9463;background-color:#c93400}
.smartGuideWrap .lyWrap .lCont a:hover>span{border:1px solid #fb9463;background-color:#ab2400}
.smartGuideWrap .lyWrap .rCont a>span{border:1px solid #3481eb;background-color:#053d8b}
.smartGuideWrap .lyWrap .rCont a:hover>span{border:1px solid #3481eb;background-color:#053273}

/*160602추가*/
.smartGuideWrap .lyWrap .lCont,
.smartGuideWrap .lyWrap .rCont {width:390px;}
.smartGuideWrap .lyWrap.lyWrap2 .lCont a{background:url("/myasset/common/img/hu/btn_smartstep2.png") no-repeat left top;}
.smartGuideWrap .lyWrap.lyWrap2 .lCont a:hover{background:url("/myasset/common/img/hu/btn_smartstep2.png") no-repeat left -181px;}
.smartGuideWrap .lyWrap.lyWrap2 .rCont a{background:url("/myasset/common/img/hu/btn_smartstep2.png") no-repeat right top;}
.smartGuideWrap .lyWrap.lyWrap2 .rCont a:hover{background:url("/myasset/common/img/hu/btn_smartstep2.png") no-repeat right -181px;}
.smartGuideWrap .lyWrap.lyWrap2 .lCont a>span{border:1px solid #30b9e4;background-color:#0378a0}
.smartGuideWrap .lyWrap.lyWrap2 .lCont a:hover>span{border:1px solid #2babd1;background-color:#0378a0}
.smartGuideWrap .lyWrap.lyWrap2 .rCont a>span{border:1px solid #8d5ebe;background-color:#4a2074}
.smartGuideWrap .lyWrap.lyWrap2 .rCont a:hover>span{border:1px solid #8558b4;background-color:#4a2074}
/*160602추가(e)*/

.smartPreparationWrap{overflow:hidden;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;background-color:#f8f8f8;padding-top:10px;}
.smartPreparationWrap .num{display:inline-block;width:18px;height:18px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat -197px -36px;text-align:center;font-weight:bold;color:#fff;font-size:13px;line-height:18px;position:relative;top:-1px;margin-right:2px}
.smartPreparationWrap>ol>li{font-weight:bold;color:#3d3d3d;min-height:40px;line-height:40px;padding:0 20px;border-top:1px solid #ebebeb;font-size:15px}
.smartPreparationWrap>ol>li:first-child{border-top:none}
.smartPreparationWrap>ol>li ol{padding:0 20px 20px 25px;}
.smartPreparationWrap>ol>li ol li{font-weight:normal;font-size:13px;color:#6d6d6d;line-height:18px}
.smartPreparationWrap>ol>li ol li>div{border:1px solid #ececec;background-color:#fff;height:98px;padding:0 20px;margin-bottom:10px;overflow:hidden}
.smartSetupWrap{background-color:#fff;height:98px;padding:0 20px;overflow:hidden}
.smartPreparationWrap>ol>li ol li>div .lCont, .smartSetupWrap .lCont{float:left;width:60%;padding:15px 0;box-sizing:border-box;height:98px;position:relative;}
.smartPreparationWrap>ol>li ol li>div .rCont, .smartSetupWrap .rCont{float:left;width:40%;padding:15px 0;border-left:1px solid #ededed;box-sizing:border-box;height:98px;position:relative;}
.smartPreparationWrap>ol>li ol li>div .rCont a{position:absolute;top:37px;}
.smartSetupWrap .rCont a{position:absolute;top:20px;}
.smartPreparationWrap>ol>li ol li>div .rCont .androidDown{left:38px;}
.smartSetupWrap .rCont .androidDown{left:20px;}
.smartSetupWrap .rCont .btn.android{left:20px;top:50px;}
.smartPreparationWrap>ol>li ol li>div .rCont .iosDown{left:160px;}
.smartSetupWrap .rCont .iosDown{left:150px;}
.smartSetupWrap .rCont .btn.ios{left:150px;top:50px;}
.smartPreparationWrap>ol>li ol li>div .lCont span, .smartSetupWrap .lCont span{display:block;position:absolute;top:9px;left:48px;width:91px;height:82px;background:url("/myasset/common/img/ico_smartacc.png") no-repeat;font-size:0}
.smartPreparationWrap>ol>li ol li>div p, .smartSetupWrap p{font-size:13px;margin-left:153px;margin-top:10px}
.smartPreparationWrap>ol>li ol li strong{font-weight:normal;color:#1779cc;}
.smartPreparationWrap>ol>li ol li div em.tee, .smartSetupWrap em.tee{display:inline-block;background-color:#e02f00;height:20px;line-height:20px;padding:0 5px;color:#fff;}

/*mobile app box*/
.mobileAppWrap{border:2px solid #1f80d2;}
.mobileAppWrap > p{padding:15px 30px;background-color:#1f80d2;font-size:18px;color:#fff;font-weight:bold;}
.mobileAppWrap .r1{padding:0;border-top:1px solid #e8e8e8;}
.mobileAppWrap .r1>.foot{margin-top:14px}
.mobileAppWrap .r1>p{}
.mobileAppWrap .r1 .androidDown{vertical-align:middle;}
.mobileAppWrap .r1 .iosDown{vertical-align:middle;}
.mobileAppWrap .r2{padding:20px 30px;background-color:#f8f8f8;border-top:1px solid #e8e8e8}

/*smartCenter*/
.bannerTop{position:relative;margin-top:-32px}
.bannerTop > img{vertical-align:top;}
.bbsWrap{width:361px}
.bbsWrap .rTxt a{font-size:13px;color:#3d3d3d}
.bbsWrap .bbsTxt{padding-top: 5px}
.bbsWrap .bbsTxt li{overflow:hidden;line-height:22px;text-align:right;}
.bbsWrap .bbsTxt li a{float:left;font-size:14px;color:#3d3d3d}
.bbsWrap .bbsTxt li a:hover{color:#e02f00;text-decoration:underline}
.bbsWrap .bbsTxt li span{font-size:14px;color:#6d6d6d;font-weight:normal;}
.bbsWrap .bbsTxt li span.writer{display:inline-block;padding-left:10px;padding-right:10px;}
.bbsWrap .bbsTxt li span.date{float:right;}
.bbsWrap .bbsTxt ul.guideTxt > li::before, 
.bbsWrap .bbsTxt .guideTxt > dt::before, 
.bbsWrap .bbsTxt p.guideTxt::before{top:10px}

.lyWrap.bbs .lCont{padding-right:20px}
/*.lyWrap.bbs .rCont{padding-left:20px}*/

/*asset*/
.lyWrap.asset{overflow:hidden;margin-top:30px}
.lyWrap.asset>div{width:256px;border:1px solid #e8e8e8}
.lyWrap.asset .lCont{border-top-color:#0179c9}
.lyWrap.asset .lCont>.assetWrap>dt{background-color:#eaf4fa;background-position:0px -60px}
.lyWrap.asset .lCont>.assetWrap>dt>span{background-position:0px -60px}
.lyWrap.asset .cCont{float:left;margin-left:8px;border-top-color:#3bb9f1}
.lyWrap.asset .cCont>.assetWrap>dt{background-color:#e4f8fd;background-position:-38px -60px}
.lyWrap.asset .cCont>.assetWrap>dt>span{background-position:-38px -60px}
.lyWrap.asset .rCont{float:right;margin-left:8px;border-top-color:#45bcad}
.lyWrap.asset .rCont>.assetWrap>dt{background-color:#e6f6f4;background-position:-76px -60px}
.lyWrap.asset .rCont>.assetWrap>dt>span{background-position:-76px -60px}

.assetWrap a:hover, .assetWrap a:active{color:#1779cc;text-decoration:underline;}
.assetWrap>dt{padding:0px 29px;height:55px;line-height:55px;font-size:16px;color:#1779cc;font-weight:bold;}
.assetWrap>dt>span{display:inline-block;margin-right:8px;width:36px;height:36px;background-image: url("/myasset/common/img/hu/spr_hello.png");background-repeat:no-repeat;vertical-align:middle;}
.assetWrap dd{padding:29px;border-top:1px solid #e8e8e8;font-size:13px}
.assetWrap dd>a{font-size:14px;color:#3d3d3d;font-weight:bold;}
.assetWrap dt+dd{border-top:none;}
.assetWrap dd ul li{letter-spacing:-1px;line-height:1.7em;height:3.4em;white-space:normal;overflow:hidden;}
.assetWrap dd ul li a{letter-spacing:-1px;color:#6d6d6d;}
.assetWrap .aSubTxt{overflow:hidden;color:#1779cc}
.assetWrap .aSubTxt .writer{float:left;}
.assetWrap .aSubTxt .writer{float:right;}

.eReserch{position:relative;}
.eReserch a.more{position:absolute;right:18px;top:2px;font-size:13px;color:#6d6d6d}
.eReserch dt{padding:0px 30px;height:32px;font-size:14px;color:#3d3d3d;font-weight:bold;line-height:32px;background-color:#ececec}
.eReserch dd{padding:0px 30px;background-color:#f8f8f8}
.eReserch ul{padding-top:26px;padding-bottom:26px}
.eReserch li{font-size:13px;color:#6d6d6d;letter-spacing:-1px}

/* fortune */
.fortuneVisual {overflow:hidden;height:180px;position:relative;}
.contTitH1 + .fortuneVisual{margin-top:-32px}
.fortuneVisual > a.btn {position:absolute;bottom:22px;left:324px;background-color:#ff5d0c;border-color:#ff5d0c;}
.fortuneVisual dl {float:right;width:165px;height:180px;border:1px solid #cecece;font-size:16px;color:#3d3d3d;padding:0 29px;font-weight:bold;box-sizing:border-box;}
.fortuneVisual dl dt {padding-top:30px;letter-spacing:-2px;height:80px;line-height:18px;}
.fortuneVisual dl dd {border-bottom:1px solid #cecece;text-align:right;line-height:32px;}
.fortuneVisual dl dd em {font-size:32px;color:#f26522;}
.fortuneVisual dl dd p {text-align:left;font-weight:normal;line-height:18px;}

/*170623 추가*/
.fortuneVisual2 {overflow:hidden;padding:0 40px 0 365px;height:423px;position:relative;background:url("/myasset/common/img/hu/img_fortune1.jpg");}
.contTitH1 + .fortuneVisual2{margin-top:-32px}
.fortuneVisual2 .myFortune {position:absolute;left:140px;top:168px;text-align:center}
.fortuneVisual2 .myFortune dt {font-size:25px;color:#7e3b00;letter-spacing:-2px;line-height:30px}
.fortuneVisual2 .myFortune dd {font-size:30px;color:#c52602;line-height:60px}
.fortuneVisual2 .myFortune dd em {font-size:50px;letter-spacing:-2px}
.fortuneVisual2 .myFortune dd a {display:inline-block;margin-top:12px;line-height:25px}
.fortuneVisual2 .myFortune dd a span {display:inline-block;font-size:20px;color:#c52602;font-weight:bold;line-height:25px}

.fortuneVisual2 .fortuneTxt {padding:60px 0 15px; border-bottom:1px solid #f26521}
.fortuneVisual2 .fortuneTxt dt {font-size:40px;color:#010101;letter-spacing:-3px;}
.fortuneVisual2 .fortuneTxt dt em {color:#d24000;}
.fortuneVisual2 .fortuneTxt dd {padding-left:5px; font-size:23px;color:#000;line-height:32px;letter-spacing:-2px;}

.fortuneVisual2 .fortuneTxt2 {overflow:hidden;margin-top:12px;}
.fortuneVisual2 .fortuneTxt2 dt {float:left;font-size:15px;color:#f26521;font-weight:bold;line-height:22px;}
.fortuneVisual2 .fortuneTxt2 dd {padding-left:65px;line-height:22px;}

.fortune_period {margin-top:35px; font-size:15px}

.fortune_tab {}
.ci-tab.fortune_tab .tab-selector {border-bottom:2px solid #f26521}
.ci-tab.fortune_tab .tab-selector > li.active > a {border-color:#f26521}
.ci-tab.fortune_tab .tab-selector > li.active+li > a {border-left-color:#f26521}
/*170623 추가(e)*/

.fortuneList {overflow:hidden;}
.fortuneList > li {width:375px;height:180px;float:left; position:relative;margin-bottom:60px;}
.fortuneList dl {overflow:hidden;padding-left:185px;padding-right:10px;}
.fortuneList dl dt {height:54px;border-bottom:1px solid #e8e8e8;color:#3d3d3d;font-size:14px;font-weight:bold;line-height:18px;}
.fortuneList dl dt p {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fortuneList dl dd.imgArea {position:absolute;top:0;left:0;width:170px;height:180px;border:1px solid #e8e8e8;box-sizing:border-box;}
.fortuneList dl dd.imgArea img {max-width:100%;max-height:100%;}
.fortuneList dl dd > ul {margin-top:12px;color:#6d6d6d;font-size:13px;}
.fortuneList dl dd > ul li {overflow:hidden;line-height:22px;}
.fortuneList dl dd > ul li > strong {font-weight:normal;float:left;}
.fortuneList dl dd > ul li > span {float:right;}
.fortuneList dl dd > ul li > span em {font-weight:normal;color:#1779cc;}
.fortuneList dl dd .btns {margin-top:19px;text-align:right;}
.fortuneList > li .soldout {position:absolute;width:168px;height:178px;left:1px;top:1px;background:url("/myasset/common/img/hu/bg_ftsoldout.png");z-index:1;color:6d6d6d;font-size:24px;}
.fortuneList > li .soldout strong {display:inline-block;margin:80px 0 0 27px;}
.fortuneList > li .soldout:after {content:"";position:absolute;top:0;right:-196px;width:190px;height:180px;background:url("/myasset/common/img/hu/bg_ftsoldout.png");}
.fortuneList + .noticeWrap {margin-top:0;}

.fortuneResultList {border:1px solid #e8e8e8;border-bottom:0;}
.fortuneResultList > li {padding:0 30px;color:#3d3d3d;font-weight:bold;line-height:40px;height:40px;border-bottom:1px solid #e8e8e8;background:#f8f8f8;position:relative;}
.fortuneResultList > li .rCont {position:absolute;right:30px;top:6px;line-height:1px;}
.fortuneResultList > li.type{height:auto;line-height:auto;border-bottom:none;padding:0;}
.fortuneResultList .type dl dt{padding:0 30px;color:#3d3d3d;font-weight:bold;line-height:40px;height:40px;border-bottom:1px solid #e8e8e8;background:#f8f8f8;position:relative;}
.fortuneResultList dl dd {padding:20px 30px;border-bottom:1px solid #e8e8e8;background-color:#fff;}
.fortuneResultList dl p.guideTxt {color:#3d3d3d;font-weight:bold;}
.fortuneResultList dl p.txt {padding-left:8px;color:#3d3d3d;font-size:14px;line-height:18px;margin-top:0}
.fortuneResultList dl p strong {color:#1779cc;font-weight:normal;}
.fortuneResultList ul {margin-top:10px;}
.fortuneResultList ul li {padding-left:10px;margin-right:38px;display:inline-block;font-size:16px;color:#000;font-weight:bold;position:relative;}
.fortuneResultList ul li:before{content:"";position:absolute;top:12px;left:0;width:4px;height:1px;background:#3d3d3d;}
.fortuneResultList ul li strong {color:#1779cc;}
.fortuneResultList .date{display:inline-block;margin-right:10px;}

/* giveawayWrap */
.giveawayWrap {color:#333;position:relative;min-height:160px;overflow:hidden;padding:20px 19px 20px 19px;border:1px solid #e1e1e1;background-color:#f5f5f5;}
.giveawayWrap dt, .giveawayWrap dd {width:442px;float:right;margin:0;padding:0;}
.giveawayWrap dd.imgWrap {float:left;width:158px;min-height:158px;border:1px solid #d9d9d9;background:#fff;}
.giveawayWrap dd.imgWrap a {height:26px;line-height:26px;display:block;text-align:center;font-size:12px;color:#000;border-top:1px solid #d9d9d9;background:#f4f4f4;}
.giveawayWrap dt {/*margin-bottom:18px;*/font-size:16px;font-weight:bold;/*padding:22px 0 20px;*/position:relative;color:#000;}
/*.giveawayWrap dt:before {content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background-color:#000;}*/

/*whyYtWrap*/
.whyYtWrap{}
.contTitH1 + .whyYtWrap{margin-top:-32px;position:relative;}
.whyYtWrap .wtyR2{}
.whyYtWrap .wtyR2 ul{}
.whyYtWrap .wtyR2 ul li{float:left;position:relative;width:263px;height:237px;background:url("/myasset/common/img/hu/spr_wyt.jpg") no-repeat 0 0;text-align:center;}
.whyYtWrap .wtyR2 ul li>.wtyInwrap{position:relative;float:left;width:263px;height:237px;background:url("/myasset/common/img/hu/spr_wyt_on.jpg") no-repeat 0 0;}
.whyYtWrap .wtyR2 ul li .wtyInwrap>span.hbox{display:none;position:absolute;left:0;top:0;width:263px;height:237px;background:url("/myasset/common/img/hu/bg_hbox.png") repeat 0 0;}
.whyYtWrap .wtyR2 ul li .wtyInwrap>span.hbox a{display:inline-block;margin-top:14px}
.whyYtWrap .wtyR2 ul li .wtyInwrap span span.wtyTit3{margin-top:20px;margin-left:30px;margin-right:30px;padding-top:10px;height:70px;border-top:1px solid #658bbd;color:#fff;text-align:center;line-height:20px}
.whyYtWrap .wtyR2 ul li.wtyR2C3 a span{width:264px}
.whyYtWrap .wtyR2 ul li .wtyInwrap:hover span{display:block;}
.whyYtWrap .wtyR2 ul li .wtyInwrap:hover span span{display:block;}
.whyYtWrap .wtyR2 ul li .wtyInwrap:hover span span.wtyTit1{display:block;margin-top:16px;font-size:14px;color:#b5e7ff}
.whyYtWrap .wtyR2 ul li .wtyInwrap:hover span span.wtyTit2{display:block;font-size:20px;font-weight:bold;color:#fff}
.whyYtWrap .wtyR2 ul li .wtyInwrap>span.wtyTit1{display:block;margin-top:16px;font-size:14px;color:#646464}
.whyYtWrap .wtyR2 ul li .wtyInwrap>span.wtyTit2{display:block;font-size:20px;font-weight:bold;color:#07367c;}
.whyYtWrap .wtyR2 ul li.wtyR2C1,
.whyYtWrap .wtyR2 ul li.wtyR2C1>.wtyInwrap{}
.whyYtWrap .wtyR2 ul li.wtyR2C2,
.whyYtWrap .wtyR2 ul li.wtyR2C2>.wtyInwrap{background-position:-263px 0px}
.whyYtWrap .wtyR2 ul li.wtyR2C3,
.whyYtWrap .wtyR2 ul li.wtyR2C3>.wtyInwrap{width:264px;background-position:-526px 0px}
.whyYtWrap .wtyR2 ul li.wtyR2C1 .wtyInwrap{}
.whyYtWrap .wtyR2 ul li.wtyR2C2 .wtyInwrap{}
.whyYtWrap .wtyR2 ul li.wtyR2C3 .wtyInwrap{}
.whyYtWrap .wtyR2 .patent {display:none;z-index:2;position:absolute;right:10px;top:10px;width:61px;height:63px;font-size:0;background:url("/myasset/common/img/hu/ico_patent.png") no-repeat;}
.whyYtWrap .wtyR2 ul li .wtyInwrap:hover .patent {display:block;}

.btMsgWrap {overflow:hidden;position:relative;padding:30px 175px 30px 120px;border:2px solid #d7d7d7;}
.btMsgWrap dl{overflow:hidden;}
.btMsgWrap dt{float:left;padding-right:10px;width:130px;border-right:1px solid #d8d8d8;font-size:20px;color:#0961aa;font-weight:bold;line-height:24px}
.btMsgWrap dt>span{position:absolute;left:40px;top:24px;width:63px;height:63px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat 0 -99px;}
.btMsgWrap dd{margin-left:165px;font-size:15px;color:#3d3d3d;line-height:22px;}
.btMsgWrap .btn{position:absolute;right:18px;top:36px}

/*main*/

/*hello main icon*/
.hi, .huTopLinkWrap .mainTitArea h1:after
{background-image:url("/myasset/common/img/hu/spr_humain.png");background-repeat:no-repeat;vertical-align:middle;}
.hi.hu1{background-position:0px 0px;width:160px;height:29px}
.hi.hu2{background-position:0px -138px;width:38px;height:47px}
.hi.hu3{background-position:-63px -139px;width:49px;height:38px}
.hi.hu4{background-position:-118px -140px;width:46px;height:38px}
.hi.hu5{background-position:0px -32px;width:625px;height:36px}
.hi.hu6{background-position:0px -69px;width:346px;height:25px}
.hi.hu7{background-position:0px -94px;width:211px;height:25px}
.hi.hu8{background-position:0px -493px;width:175px;height:105px}
.hi.hu9{background-position:0px -605px;width:170px;height:100px}
.hi.hu10{background-position:-188px -493px;width:161px;height:44px}
.hi.hu11{background-position:-188px -538px;width:176px;height:45px}
.hi.hu12{background-position:0px -192px;width:216px;height:36px}
.hi.hu13{background-position:0px -228px;width:84px;height:24px}
.hi.hu15{background-position:-180px -598px;width:101px;height:90px}
.hi.hu16{background-position:0px -253px;width:175px;height:25px}
.hi.hu14{background-position:-384px -598px;width:49px;height:48px}
.hi.hu17{background-position:-436px -598px;width:49px;height:48px}
.hi.hu18{background-position:-282px -598px;width:89px;height:91px}
.hi.hu19{background-position:0px -279px;width:610px;height:52px;margin:0 auto !important;}
.hi.hu20{background-position:0px -382px;width:180px;height:109px}
.hi.hu21{background-position:-180px -382px;width:203px;height:108px}
.hi.hu22{background-position:-379px -389px;width:183px;height:118px}

.hi.hu23{background-position:0px -328px;width:241px;height:48px}
.hi.hu24{background-position:-243px -341px;width:66px;height:16px}
.hi.hu25{background-position:-312px -341px;width:8px;height:14px}

.hi.hu26{background-position:-312px -341px;width:8px;height:14px}
.hi.hu27{background-position:-312px -341px;width:8px;height:14px}
.hi.hu28{background-position:-312px -341px;width:8px;height:14px}

.hi.hu29{background-position:-241px -145px;width:69px;height:18px}
.hi.hu30{background-position:-242px -164px;width:135px;height:18px}

/* Hello 유안타 서브메인 리뉴얼 전 */
.huMainWrap > div > .inWrap {margin:0 auto; width:990px;}

.huTopLinkWrap {width:990px;margin:0 auto;}
.huTopLinkWrap .mainTitArea h1 {text-indent:-1000px;}
.huTopLinkWrap .mainTitArea h1:after {content:"";position:absolute;top:30px;left:0;width:190px;height:30px;background-position:0 0;}

.huTopVisualWrap{height:497px;background:url("/myasset/common/img/hu/bg_huTopVisualWrap.jpg") no-repeat center 97px;}

/*170504 추가*/
.huTopVisualWrap>.inWrap{margin:0 auto; width:990px; min-height:476px; position:relative;}
/*170504 추가(e)*/

.huTopVisualWrap .huTopVisualBox{padding-top:30px;height:400px;background:url("/myasset/common/img/hu/bg_huTopVisual_01.png") no-repeat center 0px;}
.huTopVisualWrap .huTopVisualBox .huTopVTit{margin:0 auto;text-align:center;}
.huTopVisualWrap .huTopVisualBox .huTopVTxt{margin-top:6px;font-size:16px;color:#fff;font-weight:bold;text-align:center;}
.huTopVisualWrap .huTopVisualBox.type2 .huTopVTxt{color:#000}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxt{margin-top:0px;font-size:18px;line-height:20px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox{margin-top:23px;height:308px;}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox{margin-top:20px;height:308px;}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap{margin:0px 20px;padding:27px 29px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC{float:left;width:50%}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC{float:left;width:33.3%}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC1{width:275px}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2{width:327px}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap{margin-left:46px}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC3{width:287px}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC3>.inWrap{margin-left:34px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .inWrap{position:relative;height:247px}
.huTopVisualWrap .huTopVisualBox.type3 .huTopVTxtBox>.inWrap .huTopVTxtC .inWrap{position:relative;height:190px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap>.huTopVTxtC>.inWrap>span.hi{position:absolute;right:0;bottom:20px}
.huTopVisualWrap .huTopVisualBox.type2 .huTopVTxtBox>.inWrap>.huTopVTxtC>.inWrap>span.hi{position:absolute;right:0;top:42px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap>.huTopVTxtC.huTopVTxtC1>.inWrap>span.hi{right:44px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap>.huTopVTxtC.huTopVTxtC2>.inWrap>span.hi{right:6px}
.huTopVisualWrap .huTopVisualBox.type2 .huTopVTxtBox>.inWrap>.huTopVTxtC.huTopVTxtC1>.inWrap>span.hi{right:30px}
.huTopVisualWrap .huTopVisualBox.type2 .huTopVTxtBox>.inWrap>.huTopVTxtC.huTopVTxtC2>.inWrap>span.hi{right:8px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap{margin-left:50px}
/*170822추가*/
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap.part1 {margin-top:37px;}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap.part1 dt,
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap.part1 dd,
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC.huTopVTxtC2>.inWrap.part1 dd li {font-size:16px;line-height:26px}
/*170822추가(e)*/
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .huTopVTxtC1Txt{margin-top:12px;font-size:16px;color:#1a1919;line-height:26px;letter-spacing:-1px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .huTopVApp{margin-top:18px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .huTopVApp li{margin-top:4px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .huTopVApp li:first-child{margin-top:0px}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .huTopVApp .hi{display:block;}
.huTopVisualWrap .huTopVisualBox .huTopVTxtBox>.inWrap .huTopVTxtC .btn{margin-top:18px;height:40px;line-height:40px;font-size:16px}
.huTopVisualWrap .huTopVisualBox .btn.strong{height:40px;line-height:40px;font-size:16px}
.huTopVisualWrap .huBotNum{margin-top:50px;font-size:30px;color:#3d3d3d;font-weight:bold;}
.huTopVisualWrap .huBotNum .hi{display:inline-block;margin-right:4px;vertical-align:top;}
.huTopVisualWrap .hTeventBox{margin-top:12px}
.huTopVisualWrap .hTeventBox p{overflow:hidden;}
.huTopVisualWrap .hTeventBox p .hTeventBoxNum{float:left;font-size:30px;color:#b2b2b2;font-weight:bold;}
.huTopVisualWrap .hTeventBox p.hT3ColTxt span{display:block;margin-top:10px;margin-left:50px;font-size:16px;color:#4d4d4d;line-height:26px}
.huTopVisualWrap .huTopVisualBox.type3 .hi{display:block;margin-top:18px;margin-left:20px}
.huTopVisualWrap .huTopVisualBox.type3 .hi.hu20 {margin:0px;position:absolute;left:20px;top:76px;}/*160516추가*/
.huTopVisualWrap .huTopVisualBox.type2{background-image:url("/myasset/common/img/hu/bg_huTopVisual_02.png")}
.huTopVisualWrap .huTopVisualBox.type3{background-image:url("/myasset/common/img/hu/bg_huTopVisual_03.png")}

.huTopVisualWrap .bx-viewport{height:430px !important;box-shadow:5px 23px 20px #444444;}
.huTopVisualWrap .bx-controls{text-align:center;width:90px;margin:0 auto;margin-top:30px;overflow:hidden;height:16px}
/*170504 수정*/
.huTopVisualWrap .bx-controls {position:absolute; bottom:0; left:50%; margin-left:-45px;}
/*170504 수정(e)*/

.huTopVisualWrap .bx-controls-direction{display:none}
.huTopVisualWrap .bx-pager,
.huTopVisualWrap .bx-controls-auto{display:inline-block;float:left;}

.huTopVisualWrap .bx-pager{text-align:center;float:right;}
.huTopVisualWrap .bx-pager-item{display:inline-block;margin-left:2px;margin-right:2px}
.huTopVisualWrap .bx-pager-link{display:block;width:14px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -41px -739px;;text-indent:-9999em}
.huTopVisualWrap .bx-pager-link.active{width:25px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -14px -739px;}
.huTopVisualWrap .bx-controls-auto{}
.huTopVisualWrap .bx-controls-auto>div{display:inline-block;margin-left:2px;margin-right:2px}

.huTopVisualWrap .bx-start{display:block;margin-left:4px;width:11px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -57px -739px;text-indent:-9999em}
.huTopVisualWrap .bx-stop{display:block;width:14px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -0px -739px;text-indent:-9999em}
.huTopVisualWrap .bx-start.active,
.huTopVisualWrap .bx-stop.active{display:none}

.huNewsWrap{overflow:hidden;}
.huNewsWrap .hi{display:block}
.huNewsWrap>.inWrap{padding-top:50px}
.huNewsWrap .huMainBanner{float:left;width:628px;height:253px;background:url("/myasset/common/img/hu/bg_huMainBanner.jpg") no-repeat 0 0;}
.huNewsWrap .huMainBanner .huMainBannerTxt{margin-top:10px;font-size:16px;color:#a94b25;line-height:24px;font-weight:bold;}
.huNewsWrap .huMainBanner .btn{margin-top:27px;background-color:#f26522;border-color:#f26522}
.huNewsWrap .huMainBanner>.inWrap{padding-left:345px;padding-top:30px;}
.huNewsWrap .huMainNews{float:right;width:341px;height:251px;border:1px solid #fec6a9;}
.huNewsWrap .huMainNews>.inWrap{position:relative;padding:30px 29px}
.huNewsWrap .huMainNews>.inWrap a.more{position:absolute;right:29px;top:30px}
.huNewsWrap .huMainNews>.inWrap .nodata{margin-top:14px;border-top:2px solid #9c9c9c;line-height:169px;font-size:15px;color:#3d3d3d;text-align:center;}
.huNewsWrap .huMainNews>.inWrap ul{margin-top:14px;border-top:2px solid #9c9c9c}
.huNewsWrap .huMainNews>.inWrap ul li{overflow:hidden;padding-top:11px;padding-bottom:5px;border-top:1px solid #dadada}
.huNewsWrap .huMainNews>.inWrap ul li:first-child{border-top:none;}
.huNewsWrap .huMainNews>.inWrap ul li a{float:left;overflow:hidden;display:block;width:180px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;color:#3d3d3d}
.huNewsWrap .huMainNews>.inWrap ul li a:hover{text-decoration:underline;}
.huNewsWrap .huMainNews>.inWrap ul li span{float:right;font-size:13px;color:#6d6d6d}

.huBotWrap>.inWrap{overflow:hidden;padding-top:40px;padding-bottom:86px}
.huBotWrap .subMenuLink dl{width:304px}
.huBotWrap .subMenuLink dl+dl{margin-left:20px}
.huBotWrap .subMenuLink dl dt{background-color:#f8f8f8;border-top-color:#9c9c9c}
.huBotWrap .subMenuLink dl dt:after{background:none;}
.huBotWrap .huBotNum{float:right;width:343px;background-color:#e6eefc}
.huBotWrap .huBotNum>.inWrap{padding:26px 23px;padding-bottom:20px}
.huBotWrap .huBotNum ul{}
.huBotWrap .huBotNum ul li{position:relative;margin-top:15px;padding-top:18px;border-top:1px solid #c1d7e8;}
.huBotWrap .huBotNum ul li a{position:absolute;right:0;bottom:4px;background-color:#1f7dcb;border-color:#1f7dcb;color:#fff;height:28px;line-height:28px}
.huBotWrap .huBotNum ul li .huBotNumTxt{margin-top:4px;font-size:23px;color:#343434;font-weight:bold;letter-spacing:-1px}
.iPad .huBotWrap .huBotNum ul li .huBotNumTxt {display: none;}
.iPad .huBotWrap .huBotNum ul li .huBotNumTxt+a{bottom:0}
.huBotWrap .huBotNum ul li:first-child{margin-top:0px;padding-top:0px;border-top:none;}
.huBotWrap .huBotNum .hi{display:block;}
/* Hello 유안타 서브메인 리뉴얼 전(e) */

/* .bannerWrap.findAccountsWrap{padding:49px 0px 0px 40px;height:229px;background:url("/myasset/common/img/hu/bg_findAccountsWrap01.jpg") no-repeat 0 0;box-sizing: border-box;}
.bannerWrap.findAccountsWrap p{color:#fff}
.bannerWrap.findAccountsWrap p em{color:#f26522;font-weight:normal;} *//* 210928삭제(리뉴얼 하면서 사용안함) */

.lyWrap.type2 .banWrap .banTxtWrap{min-height:127px}

/*** 유안타 첫거래가이드(170925추가) ***/
/* assetGuideTab */
.contTitH1 + .assetGuideTab {margin-top:-32px}
.assetGuideTab .mytab1 .h_ico, 
.assetGuideTab .mytab1 .tab-selector li.active a:after
{display:inline-block;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat;font-size:0;overflow:hidden;line-height:0}
.assetGuideTab .ci-tab .tab-selector > li > a {border:0; line-height:1.7;text-align:left; background:#fff}
.assetGuideTab .ci-tab .tab-selector > li.active+li > a {border-left:1px solid #ccc;}
.assetGuideTab .ci-tab .tab-selector li.active a {background:#ff7113 !important;}
.assetGuideTab .mytab1 .tab-selector {height:157px;border:1px solid #ccc;margin-bottom:25px}
.assetGuideTab .mytab1 .tab-selector li {float:left;width:20% !important; text-align:left}
.assetGuideTab .mytab1 .tab-selector li a {padding:0;position:relative;height:157px;display:block;border-left:1px solid #ccc;color:#6d6d6d;}
.assetGuideTab .mytab1 .tab-selector li.active a {border:0;height:157px;position:relative;background:#ff7113 !important;color:#fff; }
.assetGuideTab .mytab1 .tab-selector li.active a:after {content:"";position:absolute;width:100%;height:14px;left:0;bottom:-14px;border-top:1px solid #ff7113;background-position:-287px -115px;}
.assetGuideTab .mytab1 .tab-selector li a {padding:20px 0 0 19px; font-size:12px; font-weight:bold; color:#0157ac; box-sizing: border-box}
.assetGuideTab .mytab1 .tab-selector li a .step_tit {display:block;padding-top:4px; color:#0157ac; font-size:21px; font-weight:bold; line-height:23px}
.assetGuideTab .mytab1 .tab-selector li.active a {color:#ffd594}
.assetGuideTab .mytab1 .tab-selector li.active a .step_tit {color:#fff}
.assetGuideTab .mytab1 .tab-selector li:first-child a {border-left:0;}
.assetGuideTab .mytab1 .tab-selector li .h_ico {position:absolute;right:16px;bottom:14px;width:42px;height:43px;}
.assetGuideTab .mytab1 .tab-selector li .h_ico.item1 {width:46px;background-position:-287px 0}
.assetGuideTab .mytab1 .tab-selector li .h_ico.item2 {background-position:-343px 0}
.assetGuideTab .mytab1 .tab-selector li .h_ico.item3 {background-position:-395px 0}
.assetGuideTab .mytab1 .tab-selector li .h_ico.item4 {background-position:-447px 0}
.assetGuideTab .mytab1 .tab-selector li .h_ico.item5 {background-position:-499px 0}
.assetGuideTab .mytab1 .tab-selector li.active a .h_ico.item1 {background-position:-287px -52px}
.assetGuideTab .mytab1 .tab-selector li.active a .h_ico.item2 {background-position:-343px -52px}
.assetGuideTab .mytab1 .tab-selector li.active a .h_ico.item3 {background-position:-395px -52px}
.assetGuideTab .mytab1 .tab-selector li.active a .h_ico.item4 {background-position:-447px -52px}
.assetGuideTab .mytab1 .tab-selector li.active a .h_ico.item5 {background-position:-499px -52px}
.assetGuideTab .ci-tab .tab-panel > li .panel {padding-top:10px}
.firstGuide1 .titWrap h3 {font-size:28px;text-align:center; letter-spacing:-1px; line-height:1.3}
.firstGuide1 .titWrap p {font-size:16px;text-align:center}
.firstGuide1 .titWrap h3 em {color:#ff510c}

/* START유안타 첫거래가이드 */
.firstGuide1 .guide_step1 {margin-top:60px}
.firstGuide1 .guide_step1 > ul {position:relative; overflow:hidden}
.firstGuide1 .guide_step1 > ul li {position:relative; float:left; width:203px; height:285px}
.firstGuide1 .guide_step1 > ul li:first-child {width:181px;}
.firstGuide1 .guide_step1 .step_cont {position:relative; text-align:center}
.firstGuide1 .guide_step1 > ul li .step_cont > a {position:relative; display:block; margin:18px 0 0 22px; width:181px; height:181px; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position:-191px -213px}
.firstGuide1 .guide_step1 > ul li:hover .step_cont > a {background-position:0 -213px}
.firstGuide1 .guide_step1 > ul li:first-child .step_cont > a {margin-left:0;}
.firstGuide1 .guide_step1 > ul li .step_cont > a strong {display:block; padding:32px 0 7px; font-size:20px; color:#3d3d3d}
.firstGuide1 .guide_step1 > ul li:hover .step_cont > a strong {color:#111}
.firstGuide1 .guide_step1 .h_ico.ico_arrow {position:absolute; left:7px; top:120px;width:7px;height:13px;background-position:-359px -183px}
.firstGuide1 .guide_step1 .step_cont > .h_ico {margin-left:20px;}
.firstGuide1 .guide_step1 > ul li:first-child .step_cont > .ico {margin-left:0;}
.firstGuide1 .guide_step1 .h_ico.txt_step1 {width:72px;height:21px;background-position:0 -182px}
.firstGuide1 .guide_step1 .h_ico.txt_step2 {width:77px;height:21px;background-position:-87px -182px}
.firstGuide1 .guide_step1 .h_ico.txt_step3 {width:77px;height:21px;background-position:-174px -182px}
.firstGuide1 .guide_step1 .h_ico.txt_step4 {width:77px;height:21px;background-position:-261px -182px}
.firstGuide1 .guide_step1 .step_cont a .h_ico {height:76px;}
.firstGuide1 .guide_step1 .step_cont a .h_ico.img_step1 {width:80px;background-position:0 -416px}
.firstGuide1 .guide_step1 .step_cont a .h_ico.img_step2 {width:62px;background-position:-100px -421px}
.firstGuide1 .guide_step1 .step_cont a .h_ico.img_step3 {width:62px;background-position:-192px -418px}
.firstGuide1 .guide_step1 .step_cont a .h_ico.img_step4 {width:60px;background-position:-284px -424px}
.firstGuide1 .guide_step1 > ul li .step_cont > a .link_txt {position:absolute; left:0; margin-left:66px; bottom:12px; font-size:13px; color:#6d6d6d; text-decoration:underline;}
.firstGuide1 .guide_step1 > ul li:hover .step_cont > a  .link_txt {color:#111}
.firstGuide1 .guide_step1 > ul li .step_cont .step_txt1 {display:block; padding:20px 0 0 20px; font-size:16px; color:#6d6d6d; line-height:20px}
.firstGuide1 .guide_step1 > ul li:hover .step_cont .step_txt1 {color:#111}
.firstGuide1 .guide_step1 > ul li:first-child .step_cont .step_txt1 {padding-left:0}
.ico.ico_customer{width:11px;height:20px; margin-right:5px; background-position:0 -1080px;}
.firstGuide1 .ico.ico_tradarm {width:60px;height:60px;background-position:0 -1120px}
.firstGuide1 .ico.ico_tradarmG {width:60px;height:60px;background-position:-70px -1120px}

/* STEP1 ID등록 */
.firstGuide1 .guide_step2 {margin-top:35px; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.firstGuide1 .guide_step2 > div {position:relative; overflow:hidden;background:#fff}
.firstGuide1 .guide_step2 > div.bg {background:#f5f5f5}
.firstGuide1 .guide_step2 > div > dl {padding:35px 300px 30px 2px; min-height:181px;box-sizing:border-box}
.firstGuide1 .guide_step2 > div.bg > dl {padding:35px 0 30px 270px;}
.firstGuide1 .guide_step2 > div > dl dt {padding-left:3px; font-size:22px; font-weight:bold; color:#141313; letter-spacing:-1px}
.firstGuide1 .guide_step2 > div > dl dd {padding-top:5px; font-size:15px; color:#6d6d6d; line-height:1.5; letter-spacing:-1px}
.firstGuide1 .guide_step2 > div > dl dd em {font-weight:normal; color:#f26522}
.firstGuide1 .guide_step2 > div > dl dd .btn {margin-top:12px; color:#fff;border:1px solid #4b4b4b; background-color:#4b4b4b}
.firstGuide1 .guide_step2 > div > dl dd .btn.em {border:1px solid #337ab5; background-color:#337ab5}
.firstGuide1 .guide_step2 > div > dl dd span {position:absolute;bottom:0;display:inline-block;font-size:0;overflow:hidden;line-height:0;vertical-align:middle}
.firstGuide1 .guide_step2 > div > dl dd span:after {clear:both; content:""}
.firstGuide1 .guide_step2 > div > dl dd .guide_step2_img1 {right:0;width:254px;height:181px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t2_1.png") no-repeat 0 0;}
.firstGuide1 .guide_step2 > div > dl dd .guide_step2_img2 {left:0;width:244px;height:220px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t2_2.png") no-repeat 0 0;}
.firstGuide1 .guide_step2 > div > dl dd .guide_step2_img3 {right:0;width:284px;height:209px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t2_3.png") no-repeat 0 0;}

/* STEP2 공인인증서 */
.firstGuide1 .guide_step3 > div > dl {height:220px;}
.firstGuide1 .guide_step3 > div.bg > dl {padding-left:366px;}
.firstGuide1 .guide_step3 > .guide_step3_3 > dl {height:261px;}
.firstGuide1 .guide_step3 > div > dl dd .guide_step3_img1 {right:0;width:322px;height:220px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t3_1.png") no-repeat 0 0;}
.firstGuide1 .guide_step3 > div > dl dd .guide_step3_img2 {left:0;width:288px;height:220px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t3_2.png") no-repeat 0 0;}
.firstGuide1 .guide_step3 > div > dl dd .guide_step3_img3 {right:0;width:348px;height:261px;background:url("/myasset/common/img/hu/img_hu_0700000_p1t3_3.png") no-repeat 0 0;}

/* STEP3 트레이딩채널 */
.firstGuide1 .guide_step4 {}
.firstGuide1 .guide_step4 > dl {margin-top:40px}
.firstGuide1 .guide_step4 .guide_step4_1 {padding:38px 0;border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.firstGuide1 .guide_step4 > dl > dt {padding-left:3px; font-size:22px; font-weight:bold; color:#141313; letter-spacing:-1px}
.firstGuide1 .guide_step4 > dl > dd {position:relative; overflow:hidden; padding-top:5px; font-size:15px; color:#6d6d6d; line-height:1.5; letter-spacing:-1px}
.firstGuide1 .guide_step4 .guide_step4_1 > dd {padding-top:20px}
.firstGuide1 .guide_step4 > dl > dd > dl {width:50%; box-sizing:border-box}
.firstGuide1 .guide_step4 .guide_step4_1 .lCont {float:left}
.firstGuide1 .guide_step4 .guide_step4_1 .rCont {float:right;border-left:1px solid #e8e8e8}
.firstGuide1 .guide_step4 > dl > dd > dl dt {position:relative; padding:5px 0 0 73px; height:70px; font-size:17px; color:#141313; line-height:1.4}
.firstGuide1 .guide_step4 > dl > dd > dl dt .ico {position:absolute; left:0; top:0}
.firstGuide1 .guide_step4 .guide_step4_1 .rCont {padding-left:40px;}
.firstGuide1 .guide_step4 dl .btn {margin-top:12px; color:#fff; border:1px solid #4b4b4b; background-color:#4b4b4b}
.firstGuide1 .guide_step4 dl .btn.btn_customer {margin:0; padding:0 5px; color:#ff510c; font-size:15px; font-weight:bold; border:none; background:none; vertical-align:middle}

/* STEP4 거래시작 */
.firstGuide1 .guide_step5 {}
.firstGuide1 .guide_step5 .lyWrap {display:table; width:100%; margin-top:15px}
.firstGuide1 .guide_step5 .lyWrap > div {display:table-cell}
.firstGuide1 .guide_step5 .lyWrap .lCont {padding-right:7px}
.firstGuide1 .guide_step5 .lyWrap .rCont {padding-left:7px}
.firstGuide1 .guide_step5 .lyWrap .ico {position:relative; right:auto;bottom:auto;left:auto;top:0; text-align:center}
.firstGuide1 .guide_step5 .lyWrap .banWrap {border:1px solid #ddd;border-top:1px solid #a8a8a8}
.firstGuide1 .guide_step5 .lyWrap .banWrap .banTxtWrap {height:140px; padding:0; text-align:center}
.firstGuide1 .guide_step5 .lyWrap .banWrap .tit {font-size:24px; margin-top:15px; font-weight:normal; line-height:24px}
.firstGuide1 .guide_step5 .lyWrap .banWrap p em {color:#0069df}
.firstGuide1 .guide_step5 .lyWrap .btnFootWrap {margin-top:15px}
.firstGuide1 .guide_step5 .lyWrap .btnFootWrap .btn {font-size:14px; height:28px; line-height:28px; padding:0 15px !important}

/*** 스마트센터 (개편 170925 추가)  ***/
.bannerWrap.smCenterWrap {text-align:center; padding:80px 0px 0px;height:222px;background:url("/myasset/common/img/hu/bg_smCenterWrap.jpg") no-repeat 0 0;box-sizing: border-box;}
.bannerWrap.smCenterWrap p {color:#fff; font-size:24px; text-align:center; line-height:1.5}
.bannerWrap.smCenterWrap p em {color:#fff}
.smCenterCont {}
.smCenterCont .titWrap h2 {margin-top:30px; font-size:26px; text-align:center}
.smCenterCont .titWrap h2 em {color:#ff510c}
.smCenterCont .lyWrap {display:table; width:100%; margin-top:15px}
.smCenterCont .lyWrap > div {display:table-cell}
.smCenterCont .lyWrap .lCont {padding-right:7px}
.smCenterCont .lyWrap .rCont {padding-left:7px}
.smCenterCont .lyWrap .ico {position:relative; right:auto;bottom:auto;left:auto;top:0; text-align:center}
.smCenterCont .lyWrap .banWrap {border:1px solid #ddd;border-top:1px solid #a8a8a8}
.smCenterCont .lyWrap .banWrap .banTxtWrap {height:140px; padding:0; text-align:center}
.smCenterCont .lyWrap .banWrap .tit {font-size:24px; margin-top:15px; font-weight:normal; line-height:24px}
.smCenterCont .lyWrap .banWrap p em {color:#0069df}
.smCenterCont .lyWrap .btnFootWrap {margin-top:15px}
.smCenterCont .lyWrap .btnFootWrap .btn {font-size:14px; height:28px; line-height:28px; padding:0 15px !important}
.smCenterCont .lyWrap.smCenterBn {}
.smCenterCont .lyWrap.smCenterBn .banWrap {padding:25px 20px 20px}
.smCenterCont .lyWrap.smCenterBn .banWrap .banTxtWrap {height:77px}
.smCenterCont .lyWrap.smCenterBn .lCont .banWrap {border:0; background:url("/myasset/common/img/hu/img_hu_0500000_p4_02.jpg") no-repeat 0 0}
.smCenterCont .lyWrap.smCenterBn .rCont .banWrap {border:0; background:url("/myasset/common/img/hu/img_hu_0500000_p4_03.jpg") no-repeat 0 0}
.smCenterCont .lyWrap.smCenterBn .banWrap p {font-size:15px; line-height:20px}
.smCenterCont .lyWrap.smCenterBn .banWrap .tit {margin-top:0}
.smCenterCont .lyWrap.smCenterBn .lCont .banWrap .tit,
.smCenterCont .lyWrap.smCenterBn .lCont .banWrap p {color:#fff}
.smCenterCont .lyWrap.smCenterBn .btnFootWrap .btn {color:#000; font-size:14px; font-weight:bold; height:28px; line-height:28px; padding:0 15px !important; background:#fec633; border:1px solid #fec633}
.smCenterCont .lyWrap.smCenterBn .btnFootWrap > span {display:inline-block; vertical-align:middle; overflow:hidden; color:#000; font-size:14px; font-weight:bold; height:28px; line-height:28px; padding:0 15px !important; background:#fec633; border:1px solid #fec633}

/*** 스마트계좌개설안내 (리뉴얼 171024 추가, 190710 수정) ***/
/* .bannerWrap.findAccountsWrap2 {padding:23px 0px 0px 30px;height:245px;background:url("/myasset/common/img/hu/bg_findAccountsWrap02.jpg") no-repeat 0 0;box-sizing: border-box}
.bannerWrap.findAccountsWrap2 .fcTit1 {font-size:18px; color:#000; font-weight:bold}
.bannerWrap.findAccountsWrap2 .fcTit2 {font-size:34px; line-height:1.2; letter-spacing:-0.06em}
.bannerWrap.findAccountsWrap2 .fcTit2 em {color:#015fb3}
.bannerWrap.findAccountsWrap2 .fcTit3 {padding-top:8px; font-size:15px; color:#555; line-height:1.5}
.bannerWrap.findAccountsWrap2 dt {font-size:15px;color:#111;font-weight:bold;padding:25px 0 3px} */

/* 비대면웹 오픈 관련 수정 및 추가 (css명도 변경) (210928) */
.bannerWrap.smartAcntWrap {padding:28px 0px 0px 28px; height:230px; background:url("/myasset/common/img/hu/bg_smartAcntWrap.png") no-repeat 0 0; box-sizing: border-box}
.bannerWrap.smartAcntWrap .fcTit1 {font-size:18px; color:#000; font-weight:bold; line-height:1.3}
.bannerWrap.smartAcntWrap .fcTit2 {font-size:32px; line-height:1.2; letter-spacing:-0.06em}
.bannerWrap.smartAcntWrap .fcTit2 em {color:#000}
.bannerWrap.smartAcntWrap .fcTit2 .ico {width:41px; height:41px; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position: -554px -182px}
.bannerWrap.smartAcntWrap .fcTit3 {padding-top:3px; font-size:14px; color:#414a4c; line-height:1.5}
.bannerWrap.smartAcntWrap dt {font-size:15px;color:#414a4c;font-weight:bold;padding:24px 0 3px}
.bannerWrap.smartAcntWrap dd .btn.em {border-color:#545e61; background:#545e61}

.boxWrap.smQrWrap {text-align:center; font-size:16px; border-left:0; border-right:0; background:#f9f9f9;}
.boxWrap.smQrWrap .ico {margin-right:25px; width:62px; height:62px; background:url("/myasset/common/img/hu/smartAcnt_qr.png") no-repeat;}/* 211005수정(사이즈) */
/* 비대면웹 오픈 관련 수정(css명도 변경) (210928)(e) */

.smartStepWrap2 .titWrap .dp2 {padding:0 0 0 9px; height:30px;top:auto;background:none;margin-right:5px}
.smartStepWrap2 .titWrap .dp2:before {position:absolute;top:12px;left:0;width:2px;height:2px;background-color:#000;clear:both;display:block;content:''}
.smartStepWrap2 .smartStepCont1 {overflow:hidden;}
.smartStepWrap2 .smartStepCont1 li {float:left;} /* 230330 계수련 수정 */
.smartStepWrap2 .smartStepCont1 li:first-child {padding-right:45px;} /* 230330 계수련 추가 */
.smartStepWrap2 .smartStepCont1 li:first-child + li {padding-right:75px;} /* 230330 계수련 추가 */
.smartStepWrap2 .smartStepCont1 .ico {padding-right:5px}
.smartStepWrap2 .smartStepCont1 .ico.ico_preparation1 {width:71px;height:71px;background-position: -245px -1120px}
.smartStepWrap2 .smartStepCont1 .ico.ico_preparation2 {width:71px;height:71px;background-position: -326px -1120px}

.smartStepWrap2 .tabWrap.level1 .tabs {border:0; height:49px; margin-bottom:12px;}
.smartStepWrap2 .tabWrap.level1 .tabs > li {position:relative; width:163px !important;margin:0;}
.smartStepWrap2 .tabWrap.level1 .tabs > li.last {width:138px !important;}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab .arrow {position:absolute; top:16px; right:10px; display:inline-block;width:6px;height:9px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat;background-position: -571px -26px}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab a {margin-right:25px;position:relative;font-size:17px;color:#777;height:43px; border:1px solid #ddd !important; border-radius:3px; background:#fff}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab.last a {margin-right:0;}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab.tc-selected a {color:#141313; border:1px solid #0157ac !important; background:#fff}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab.tc-selected a span {color:#0157ac;}
.smartStepWrap2 .tabWrap.level1 .tabs .tc-tab.tc-selected a:after {content: "";position:absolute; bottom:-6px; left:2px; display:inline-block; width:134px; height:6px;background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position:-571px 0}
.smartStepWrap2 .tabWrap.level1 .panels {padding:25px 0 30px; border:1px solid #504e4e}
.smartStepWrap2 .tabWrap.level1 .panels h4 {padding-left:30px; color:#191919; font-size:23px;}
.smartStepWrap2 .tabWrap.level1 .panels p {padding-left:30px; color:#333; font-size:15px;}
.smartStepWrap2 .tabWrap.level1 .panels .imgArea {margin-top:28px}
.smartStepWrap2 .tabWrap.level1 .panels .imgArea img {display:block}

/* Hello 유안타 서브메인 리뉴얼(171026) */
.huMainWrap2 {}
.huMainWrap2 > div > .inWrap {margin:0 auto; width:990px;}
.huMainWrap2 > div > .inWrap .hi {display:inline-block;font-size:0;overflow:hidden;line-height:0}

.huTopLinkWrap2 .mainTitArea h1:after
{background-image:url("/myasset/common/img/hu/spr_humain.png");background-repeat:no-repeat;vertical-align:middle;}
.huTopLinkWrap2 {width:990px;margin:0 auto;}
.huTopLinkWrap2 .mainTitArea h1 {text-indent:-1000px;}
.huTopLinkWrap2 .mainTitArea h1:after {content:"";position:absolute;top:30px;left:0;width:190px;height:30px;background-position:0 0;}

.huTopVisualWrap2 {height:332px; background:url("/myasset/common/img/hu/bg_huTopVisualWrap2.jpg") no-repeat center 0}
.huTopVisualWrap2 >.inWrap {padding-top:64px; position:relative}
.huTopVisualWrap2 >.inWrap p {color:#212426}
.huTopVisualWrap2 >.inWrap .hi.tit1 {width:291px; height:54px; background-position:0 -848px}/* 221207 수정 */
.huTopVisualWrap2 >.inWrap .txt1 {font-size:28px; font-weight:bold; letter-spacing:-2px}
.huTopVisualWrap2 >.inWrap .txt2 {padding-top:20px; font-size:22px; letter-spacing:-1px; line-height:1.4}
.huMainCont1 >.inWrap {height:460px; background:url("/myasset/common/img/hu/img_humain1.jpg") no-repeat 0 0}/* 230330 계수련 수정 */
.huMainCont1 >.inWrap dl {padding:68px 0 0 537px}
.huMainCont1 >.inWrap dt {font-size:36px;color:#111; line-height:1.2; letter-spacing:-1px}
.huMainCont1 >.inWrap dt em {color:#3a73cf}/* 221207 수정 */
.huMainCont1 >.inWrap dd {padding-top:16px; font-size:18px; color:#222; line-height:1.5; letter-spacing:-1px}
.huMainCont1 >.inWrap dd em {color:#f03e2b}/* 221207 추가 */
.huMainCont1 >.inWrap dd .btn {margin-top:20px; padding:0 24px; height:54px; line-height:54px; font-size:20px; color:#fff; border: 1px solid #3a73cf; background:#3a73cf}/* 221207 수정 */

.huMainCont2 {padding-top:28px}
.huMainCont2 >.inWrap {position:relative; height:96px; border:1px solid #b9bbbe}
.huMainCont2 >.inWrap dt {padding:0 10px; display:inline-block; text-align:center; width:145px; position:absolute; left:50%; top:-25px; margin-left:-72px; font-size:26px; color:#010101; font-weight:bold; background:#fff}
.huMainCont2 >.inWrap dd {text-align:center}
.huMainCont2 >.inWrap dd ul {padding-top:28px; display:inline-block; overflow:hidden}
.huMainCont2 >.inWrap dd ul li {position:relative;float:left; text-align:left; margin-left:50px}
.huMainCont2 >.inWrap dd ul li:first-child {margin-left:0}
.huMainCont2 >.inWrap dd .hi {position:absolute; left:0; top:0}
.huMainCont2 >.inWrap dd p {display:inline-block; padding-left:65px; font-size:16px; color:#222; line-height:1.4}
.huMainCont2 >.inWrap dd p strong {display:block; font-size:18px; color:#222; letter-spacing:-1px}
.huMainCont2 >.inWrap dd li.meterials1 .hi {width:44px; height:52px; background-position:0 -918px}/* 221207 수정 */
.huMainCont2 >.inWrap dd li.meterials1 p {padding:5px 0 0 55px}
.huMainCont2 >.inWrap dd li.meterials2 .hi {width:54px; height:41px; background-position:-65px -918px}/* 221207 수정 */
.huMainCont2 >.inWrap dd li.meterials3 .hi {width:53px; height:45px; background-position:-139px -918px}/* 221207 수정 */

.huMainCont3 {margin-top:50px; height:335px; background:url("/myasset/common/img/hu/bg_humainCont3.jpg") no-repeat center 0}
.huMainCont3 >.inWrap dl {padding-top:58px}
.huMainCont3 >.inWrap dt {font-size:36px;color:#fff; line-height:1.2; letter-spacing:-1px}
.huMainCont3 >.inWrap dt em {color:#f26522}
.huMainCont3 >.inWrap dd {padding-top:20px; font-size:20px; color:#b7bcc7; line-height:1.5; letter-spacing:-1px}
.huMainCont3 >.inWrap dd .btn {margin-top:20px; padding:0 24px; height:54px; line-height:54px; font-size:20px; color:#fff; border: 1px solid #ff5f21; background:#ff5f21}

.huNewsWrap2 {margin-top:65px}
.huNewsWrap2 >.inWrap {padding-bottom:90px; overflow:hidden}
.huNewsWrap2 .huMainBanner {float:left;}
.huNewsWrap2 .huMainBanner a {display:block}/* 190515추가 */
.huNewsWrap2 .huMainNews {float:right;width:330px;height:240px;border:1px solid #000}/* 221207 수정 */
.huNewsWrap2 .huMainNews>.inWrap {position:relative;padding:28px 32px}
.huNewsWrap2 .huMainNews>.inWrap .huMainNewsTitWrap {display:none;}/* 221207 수정 */
.huNewsWrap2 .huMainNews>.inWrap a.more {position:absolute;right:32px;top:32px}
.huNewsWrap2 .huMainNews>.inWrap .hi.more {width:25px; height:25px; background-position:-342px -786px}/* 240513 수정 */
.huNewsWrap2 .huMainNews>.inWrap .huMainNewsTit .hi {width:110px; height:30px; background-position:-212px -786px}
.huNewsWrap2 .huMainNews>.inWrap .nodata {margin-top:13px;line-height:169px;font-size:15px;color:#3d3d3d;text-align:center;border-top:1px solid #3a73cf}/* 221207 수정 */
.huNewsWrap2 .huMainNews>.inWrap ul {margin-top:13px; padding-top:8px; border-top:1px solid #3a73cf}/* 221207 수정 */
.huNewsWrap2 .huMainNews>.inWrap ul li {position:relative; overflow:hidden;margin-top:8px; padding-left:8px}
.huNewsWrap2 .huMainNews>.inWrap ul li:before {position:absolute; top:12px;left:0;width:2px;height:2px;background-color:#222;clear:both;display:block;content:''}
.huNewsWrap2 .huMainNews>.inWrap ul li a {float:left;overflow:hidden;display:block;width:180px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;color:#3d3d3d}
.huNewsWrap2 .huMainNews>.inWrap ul li a:hover {text-decoration:underline;}
.huNewsWrap2 .huMainNews>.inWrap ul li span {float:right;font-size:15px;color:#6d6d6d}
/* Hello 유안타 서브메인 리뉴얼(e) */

/*** 어서와 주식은 처음이지 171101 ***/
.podCastWrap {margin-top:-32px}
.podCastWrap * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.podCastWrap .ico {background:url("/myasset/common/img/hu/spr_hello.png") no-repeat 0 0}

/* .podCastVisual {position:relative; height:500px; background:url("/myasset/common/img/hu/bg_hu_0801000_p1.jpg") no-repeat 0 0} *//*171108삭제*/
.podCastVisual .movieArea {position:absolute; right:40px; bottom:40px; width:405px; height:230px}
.podCastVisual .movieArea iframe {width:405px; height:230px}

.podCastWrap .tblSearch {margin-top:40px; padding-bottom:10px; text-align:right}
.podCastWrap .tblSearch:after {display:block; content:''; clear:both}
.podCastWrap .tblSearch .in {float:right; position:relative; width:380px; height:30px; padding-right:28px; border: solid 1px #c8c8c8; border-radius: 3px; overflow:hidden}
.podCastWrap .tblSearch .in.on {border-color:#007ccb}
.podCastWrap .tblSearch .input {line-height:28px; width:100%; height:28px; padding-right:0; border:0; border-radius:0; outline:none}
.podCastWrap .tblSearch .btn {position:absolute; right:0; top:0; font-size:0; line-height:0; height:auto; padding:6px; border:0}
.podCastWrap .tblSearch .btn .ico.ico_search {width:16px; height:16px; background-position:-518px -182px}

.podCastWrap .podCastList2 {padding-bottom:30px; border-top:1px solid #6d6d6d; border-bottom: 1px solid #e9e9e9}
.podCastWrap .podCastList2:after {display:block; clear:both; content:''}
.podCastWrap .podCastList2 li {float:left; position:relative; font-size:0; width:48%; padding:25px 0 0 180px}
.podCastWrap .podCastList2 li.odd {margin-right:2%}
.podCastWrap .podCastList2 li.even {margin-left:2%}
.podCastWrap .podCastList2 li .thum {display:inline-block; position:absolute; left:0; width:166px; height:94px; border:1px solid #d7d7d7; vertical-align:top}/* 191126수정 */
.podCastWrap .podCastList2 li .thum > a {display:block; height:100%}
.podCastWrap .podCastList2 li .thum img {width:100%; height:100%}
.podCastWrap .podCastList2 li .thum .play {display:block; position:absolute; top:50%; left:50%; z-index:2; width:42px; height:44px; margin:-22px 0 0 -21px; background-position:-465px -182px}
.podCastWrap .podCastList2 li .text {display:inline-block; height:94px; vertical-align:top}
.podCastWrap .podCastList2 li .text a {display:block}
.podCastWrap .podCastList2 li .text .tit {display:block; font-size:16px; color:#000; line-height:21px}
.podCastWrap .podCastList2 li .text .date {display:block; font-size:14px; color:#6d6d6d; line-height:1; margin-top:12px}
.podCastWrap .podCastList2 .ico.newCont {margin-top:-1px; background:url("/myasset/common/img/spr_com.png") no-repeat; background-position:0 -64px}
/*** 어서와 주식은 처음이지 171101(e) ***/

/*** 스마트 포트폴리오 180124 ***/
/* 스마트 포트폴리오 카드뉴스 상세 */
.smPortWrap {position:relative; margin-top:-32px; padding:35px 0 25px; border-top:2px solid #6d6d6d; border-bottom:1px solid #e8e8e8; background:#f3f3f3}
.smPortWrap .smPort_tit {width:600px; margin:0 auto 15px; font-size:24px; color:#3d3d3d}
.smPortWrap .smPortView {}
.smPortWrap .smCardWrap {width:600px; margin:0 auto;}
.smPortWrap .smCardWrap .bx-wrapper{position:relative;}
.smPortWrap .smCardWrap .bxslider li {width:600px !important}
.smPortWrap .smCardWrap li img{width:100%;}
.smCardWrap .bx-prev, 
.smCardWrap .bx-next {position:absolute; top:50%; z-index:2; font-size:0; width:50px; height:96px; margin-top:-48px; background:url("/myasset/common/img/spr_com.png") no-repeat; }
.smCardWrap .bx-prev {left:0; background-position:-895px -1104px;}
.smCardWrap .bx-next {right:0; background-position:-950px -1104px;}
.smCardWrap .bx-prev.disabled, 
.smCardWrap .bx-next.disabled {display:none;}
.smCardWrap .smCard_page {color:#444; line-height:1.1; padding:20px 0px 15px; text-align:center;}
.smCardWrap .smCard_page .tit {display:none; font-weight:bold; margin-right:5px; vertical-align:middle;}
.smCardWrap .smCard_page .num {display:inline-block; position:relative; font-size:20px; color:#fff; line-height:37px; padding:0 5px; vertical-align:middle; background:#929292;}
.smCardWrap .smCard_page .num:before,
.smCardWrap .smCard_page .num:after {display:block; position:absolute; top:0; content:''; width:17px; height:37px; background:url("/myasset/common/img/smCard_num_bg.png") no-repeat}
.smCardWrap .smCard_page .num:before {left:-17px; background-position:left top;}
.smCardWrap .smCard_page .num:after {right:-17px; background-position:right top;}
.smCardWrap .smCard_page .num .bx-pager {display:inline;}
.smPortWrap .smCardWrap .smCard_tit{font-size:22px; color:#3d3d3d; line-height:1.4; text-align:center;}
.smPortGuide {margin-top:15px; color:#6d6d6d}
/* 스마트 포트폴리오 카드뉴스 상세(e) */

/* 월간 스마트 포트폴리오 */
.bannerWrap.mSmPort {padding:30px 10px 10px 30px; height:155px; background:url("/myasset/common/img/hu/ban_hu_0801000_p2t1.jpg") no-repeat 0 0; box-sizing:border-box;}
.bannerWrap.mSmPort .tit1 {font-size:26px; font-weight:bold; letter-spacing:-0.04em}
.bannerWrap.mSmPort .tit1 em {color:#f36523}
.bannerWrap.mSmPort .tit2 {font-size:16px; color:#333}

.mSmPortWrap {position:relative;}
.mSmPortWrap .tabWrap .tabs > li {width:100px !important; margin-left:5px}/* 180412수정(width:88px -> 100px) */
.mSmPortWrap .tabWrap .tabs > li:first-child {margin-left:0}
.mSmPortWrap .tabWrap .tabs .tc-tab a,
.mSmPortWrap .tabWrap .tabs .tc-tab.tc-selected a {height:28px; line-height:28px}
.mSmPortWrap .tabWrap .tabs .tc-tab a {position:relative; color:#737373; padding-left:23px; border:1px solid #737373; background:#fff; border-radius:3px}
.mSmPortWrap .tabWrap .tabs .tc-tab.tc-selected a {color:#fff; border:1px solid #dd3900; background:#dd3900}
.mSmPortWrap .tabWrap .tabs .tc-tab a:before,
.mSmPortWrap .tabWrap .tabs .tc-tab.tc-selected a:before {display:block; position:absolute; top:50%; left:15px; margin-top:-7px; content:''; width:16px; height:14px; background:url("/myasset/common/img/spr_com.png") no-repeat}
.mSmPortWrap .tabWrap .tabs .tc-tab a:before {background-position:-498px -1120px}
.mSmPortWrap .tabWrap .tabs .tc-tab.tc-selected a:before {background-position:-472px -1120px}
.mSmPortWrap .panels {margin-top:15px; padding:10px 0 20px; border-top:2px solid #6d6d6d; border-bottom:1px solid #e8e8e8}
.mSmPortWrap .panels .tc-panel {overflow:hidden}
.mSmPortWrap .panels .stockTag {overflow:hidden}
.mSmPortWrap .panels .stockTag li {float:left; width:25%; margin-top:6px}
.mSmPortWrap .panels .stockTag li a {position:relative; display:block; margin:0 23px; font-size:16px; letter-spacing:-1px; height:35px; line-height:35px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f6f6f6;box-sizing:border-box;}/* 200327수정(font-size:17px-> 16px) */
.mSmPortWrap .panels .stockTag li:hover a {border-top:1px solid #005cb7; border-bottom:1px solid #005cb7; background:#fff;}
.mSmPortWrap .panels .stockTag li a:before,
.mSmPortWrap .panels .stockTag li a:after {display:inline-block; position:absolute; top:-1px; content: ''; width:20px; height:35px; background: url("/myasset/common/img/hu/bg_smPortStock.png") no-repeat;}
.mSmPortWrap .panels .stockTag li a:before {left:-20px; background-position:0 -35px}
.mSmPortWrap .panels .stockTag li a:after {right:-20px; background-position:right -35px}
.mSmPortWrap .panels .stockTag li:hover a:before {left:-20px; background-position:0 0}
.mSmPortWrap .panels .stockTag li:hover a:after {right:-20px; background-position:right 0}
.mSmPortWrap .panels .stockTag li a em {color:#005cb7}
.mSmPortWrap .panels .stockTag li a em:before {content:"#"}
/* 월간 스마트 포트폴리오(e) */

/* 스마트포트폴리오 카드뉴스 */
/* .bannerWrap.mSmPort2 {padding:30px 10px 10px 30px; height:155px; background:url("/myasset/common/img/hu/ban_hu_0801000_p2t1.jpg") no-repeat 0 0; box-sizing:border-box;} */
.bannerWrap.mSmPort2 .tit1 {font-size:27px; font-weight:bold; letter-spacing:-0.04em}
.bannerWrap.mSmPort2 .tit2 {font-size:17px; color:#333}
.mSmPortWrap2 {position:relative;}
.mSmPortWrap2 .mSmPortCard_list {margin-top:15px; overflow:hidden; padding-bottom:30px; border-bottom:1px solid #e9e9e9; border-top:2px solid #6d6d6d;}/* 180416수정 (border-top추가) */
.mSmPortWrap2 .mSmPortCard_list li {float:left; width:375px; margin-top:25px}
.mSmPortWrap2 .mSmPortCard_list li.even {float:right;}
.mSmPortWrap2 .mSmPortCard_list li .thum {position:relative;}
.mSmPortWrap2 .mSmPortCard_list li .thum a {display:block;}
.mSmPortWrap2 .mSmPortCard_list li .thum img {display:block; width:375px; height:220px;}
.mSmPortWrap2 .mSmPortCard_list li .text {position:relative; margin-top:10px;}
.mSmPortWrap2 .mSmPortCard_list li .text a {display:block}/* 190522추가 */
.mSmPortWrap2 .mSmPortCard_list li .text .tit {display:block; font-size:17px; color:#3d3d3d}
.mSmPortWrap2 .mSmPortCard_list li .text .date {display:block; font-size:16px; color:#6d6d6d}
/* 스마트포트폴리오 카드뉴스(e) */
/*** 스마트포트폴리오(카드뉴스 - 상세)(e) ***/

/* 180126 안정모 추가 (스마트 제변경 업무 안내) */
.bannerWrap.smartInfoChange {padding:50px 0px 0px 30px;height: 195px;background:#eee url("/myasset/common/img/hu/ban_hu_0901000_p1.jpg") no-repeat 0 0;box-sizing: border-box;}
.bannerWrap.smartInfoChange p {font-size:24px; color:#333; font-weight:bold;line-height:30px;}
.smartInfoChange.smartStepWrap2 .smartStepCont1 li {display:table;width:33.3%;padding:0;margin:0;box-sizing:border-box;}
.smartInfoChange.smartStepWrap2 .smartStepCont1 li .ico.ico_preparation3 {width:71px;height:71px;background-position: -530px -1120px}
.smartInfoChange.smartStepWrap2 .smartStepCont1 li .ico,
.smartInfoChange.smartStepWrap2 .smartStepCont1 li .txt {display:table-cell;vertical-align:middle;}
.smartInfoChange.smartStepWrap2 .smartStepCont1 li .txt {margin-left: 10px;text-indent: -10px;padding: 0 15px;font-size:14px;line-height:20px;color:#111;}
/* 180126 안정모 추가 (스마트 제변경 업무 안내)(e) */

/* 주식초보 따라하기 (180402 안정모 추가) */
.starterGuideVisual {position:relative;top:-1px;height:335px;background:#fff url("/myasset/common/img/hu/img_hu_0400000_p2.jpg") no-repeat right top;}
.starterGuideVisual dl {padding: 45px 0 0 25px;font-size:18px;color:#444;}
.starterGuideVisual dl .tit1 {padding-bottom: 15px;font-size:40px;line-height:normal;}
.starterGuideVisual dl .tit2 {padding-bottom:25px;font-size:24px;}
.starterGuideVisual dl dd {line-height:24px;}
.starterGuideVisual dl dd strong {color:#0173c4;}
/* 주식초보 따라하기 (180402 안정모 추가) (e) */
.starterGuide.bannerBottom {position:absolute;left:0;bottom:-25px;}/* 주식초보 따라하기 배너 추가 (180412 안정모 추가) */

/* 티레이더 투자아카데미(200807 김예리 수정) */
.investAcademyWrap {position:relative; margin-top:-32px; padding:50px 38px 65px; box-sizing:border-box; border:1px solid #eaeaea; background:#f0f0f0 url("/myasset/common/img/hu/bg_hu_0801000_p4.jpg") no-repeat 0 0}
.investAcademyWrap .cont1 {width:365px; /* margin-top:18px */}
.investAcademyWrap .cont1 h2 {margin-bottom:18px}
.investAcademyWrap .cont1 .btnWrap {margin-top:45px;}
.investAcademyWrap .cont1 .btnWrap a {position:relative; font-size:18px; padding:0 19px 0; height:38px; line-height:38px}
.investAcademyWrap .cont1 .btnWrap a .ico_arrow {margin-left:10px; display:inline-block; font-size:0; width:5px; height:7px; vertical-align:middle; content:''; background:url("/myasset/common/img/spr_com.png") no-repeat; background-position:-46px -1080px;}
.investAcademyWrap .cont1 .btnWrap a.strong {border-color:#107bd4;background-color:#107bd4;}
.investAcademyWrap .cont1 .btnWrap a.strong .ico_arrow {background-position:-31px -1080px;}
.investAcademyWrap .cont1 .guideTxt {margin-top:20px; padding-top:15px; border-top:2px solid #191919}
.investAcademyWrap .cont1 .guideTxt li {font-size:13px; color:#444; letter-spacing:-0.04em}
.investAcademyWrap .cont1 .guideTxt li strong{color:#444;}
.investAcademyWrap .cont2 {}
.investAcademyWrap .cont2 h3 {font-size:19px;color:#000;}
.investAcademyWrap .cont2 .academy_schedule {position:relative; font-size:16px}
.investAcademyWrap .cont2 .academy_schedule > p {padding-top:20px; font-size:16px}
.investAcademyWrap .cont2 .academy_schedule dl {margin-top:6px; width:100%; display:table}
.investAcademyWrap .cont2 .academy_schedule dt,
.investAcademyWrap .cont2 .academy_schedule dd {display:table-cell; font-size:16px; }
.investAcademyWrap .cont2 .academy_schedule dt {position:static; width:85px;color:#000;font-weight:bold;}
.investAcademyWrap .cont2 .academy_schedule dd {text-align:left;color:#333}
.investAcademyWrap .cont2 .titWrap {margin-top:30px}
.investAcademyWrap .cont2 .titWrap .dp3 {padding:0; background:none}
.investAcademyWrap .titWrap .btn.btn_youtube {margin-left:5px; position:relative; padding:0 12px 0 35px !important; height:28px; line-height:28px; font-size:13px; color:#000; border:1px solid #a1a1a1;}
.investAcademyWrap .btn.btn_youtube:before {display:block; position:absolute; top:50%; left:10px; font-size:0; width:18px; height:18px; margin-top:-9px; content:''; background:url("/myasset/common/img/spr_com.png") no-repeat; background-position:-61px -1080px;}
.investAcademyWrap .cont2 .bnWrap {margin-top:20px}
.investAcademyWrap .cont2 .bnWrap a {display:block; margin-top:10px}
/* 컨텐츠 내용 짧은경우 여백추가 (181130 안정모 추가) */
.investAcademyWrap.type2 .cont2 .titWrap {padding-bottom:10px;}
.investAcademyWrap.type2 .cont2 .academy_schedule {padding-bottom:70px;}

/* 티레이더 Gift box (180615추가) */
.t_giftBox {}
.t_giftBox .ico
{display:inline-block; font-size:0; overflow:hidden; line-height:0; background:url("/myasset/common/img/hu/spr_hu_0603000_p3.png") no-repeat;}
.t_giftBox .visual {position:relative; height:308px; background:url("/myasset/common/img/hu/bg_hu0603000_p3.png") no-repeat;}
.t_giftBox .visual h2 {padding:29px 0 0 25px; line-height:100%}
.t_giftBox .visual h2 span {/* width:405px; height:78px */ width:303px; height:79px; background-position:0 -362px}/* 190827수정 */
/* 190128 수정 및 추가 */
.t_giftBox .visual .txt1 {margin:10px 0 0 30px; color:#fff; font-size:20px; line-height:1.3}
.t_giftBox .visual .txt1 em {color:#ef5c1a}
.t_giftBox .visual .txt2 {margin:65px 0 0 30px; color:#b6bcc9; font-size:15px; line-height:1.3}
.t_giftBox .visual .txt2 em {color:#fffb87}
/* 190128 수정 및 추가(e) */
.t_giftBox .visual .my_giftBox {position:absolute; right:91px; top:95px; width:150px; text-align:center; line-height:1.3; letter-spacing:-0.08em}
.t_giftBox .visual .my_giftBox dt {color:#18266c; font-size:28px; font-weight:bold}
.t_giftBox .visual .my_giftBox dd {color:#674315; font-size:27px; font-weight:bold}
.t_giftBox .visual .my_giftBox dd .ico.ico_star {width:31px; height:35px; background-position:-117px -244px}
.t_giftBox .visual .my_giftBox .btn {margin-top:15px; font-weight:bold}
.t_giftBox .visual .giftBox_guide {margin:0 290px 0 30px; overflow:hidden; letter-spacing:-0.05em}
.t_giftBox .visual .giftBox_guide1 {margin-top:30px}
.t_giftBox .visual .giftBox_guide dt {float:left; padding-right:5px; font-size:15px; color:#fff; font-weight:bold}
.t_giftBox .visual .giftBox_guide dd {font-size:15px; color:#b6bcc9;}
.t_giftBox .visual .giftBox_guide1 dt {padding-right:0}
.t_giftBox .visual .giftBox_guide1 dd ul {overflow:hidden}
.t_giftBox .visual .giftBox_guide1 dd ul li {float:left; color:#fff; font-weight:bold; padding-left:10px;}
.t_giftBox .visual .giftBox_guide1 dd ul li .ico.ico_num {font-size:10px; color:#fff; text-align:center; line-height:1.3; width:16px; height:16px; background-position:-168px -244px}

.t_giftBox .cont1 {padding:46px 0 42px; background:#fffa71}
.t_giftBox .cont1 .btnWrap {margin-top:18px; text-align:center;}
.t_giftBox .cont1 .btnWrap .btn {padding:0 20px; font-size:17px; height:48px; line-height:48px; color:#0b2149; background:none; border:1px solid #858d5d}
.t_giftBox .cont1 .btnWrap .btn.em {color:#fff; background:#0b2149; border:1px solid #0b2149}
.t_giftBox .cont2 {position:relative; padding-bottom:40px; background:#9188bb}
.t_giftBox .cont2 h3 {padding:49px 0 0 29px; line-height:100%}
.t_giftBox .cont2 h3 span {width:345px; height:108px; background-position:0 -88px}
.t_giftBox .cont2 .txt1 {font-size:17px; color:#222; padding:15px 0 0 93px; line-height:1.3}
.t_giftBox .cont2 .special_goods {position:absolute; right:50px; top:37px;/*  width:150px; text-align:center; line-height:1.3; letter-spacing:-0.08em */}
.t_giftBox .cont2 .special_goods h4 {position:absolute; right:185px; top:0; color:#fff; font-size:17px; width:97px; height:98px; padding-top:20px; line-height:1.3; letter-spacing:-0.06em; text-align:center; background:url("/myasset/common/img/hu/spr_hu_0603000_p3.png") no-repeat; background-position:0 -244px; z-index:10}
.t_giftBox .cont2 .special_goods h4 strong {font-size:20px; display:block}
.t_giftBox .cont2 .special_goods dl {margin-top:12px}
.t_giftBox .cont2 .special_goods dl dt {}
.t_giftBox .cont2 .special_goods dl dt img {display:block; width:220px; height:108px}
.t_giftBox .cont2 .special_goods dl dd {color:#fff; height:42px; line-height:42px; font-size:17px; font-weight:bold; text-align:center; background:#5e5296}
.t_giftBox .cont2 .btnWrap {margin-top:40px; text-align:center;}
.t_giftBox .cont2 .btnWrap .btn {font-size:17px; height:48px; line-height:48px; color:#fff; background:none; border:1px solid #c8c4dd}
.t_giftBox .cont2 .btnWrap .btn.em {color:#090618; background:#fffa71; border:1px solid #fffa71}
.t_giftBox .cont3 {padding:30px 20px; background:#eee}
.t_giftBox .cont3 h3 span {width:301px; height:28px; background-position:0 -206px}
.t_giftBox .cont3 .tblCol {margin-top:15px}
.t_giftBox .cont3 .tblCol td {background:#fff}
.t_giftBox .cont3 .btnWrap {margin-top:20px; text-align:center;}
.t_giftBox .bnWrap {padding-top:25px}/* 190128 수정 */
.t_giftBox .bnWrap a {display:block; margin-top:20px}/* 190128 수정 */
.t_giftBox .bnWrap a img {display:block}
/* 티레이더 Gift box (180615추가)(e) */

/* 190909 추가 (My tRadar 증권방송)- 메뉴이동:트레이딩-> hello유안타)*/
.mytRadar_castList {position:relative; overflow:hidden; margin-top:15px}
.mytRadar_castList > li {float:left; width:256px; margin-left:11px}
.mytRadar_castList > li:first-child {margin-left:0px}
.mytRadar_castList .castIntro {position:relative;}
.mytRadar_castList .castImgArea {position:absolute; left:0px; top:0px; border:1px solid #e8e8e8;}
.mytRadar_castList .castImgArea img {display:block; width:254px; height:185px}
.mytRadar_castList .castIntro dt {padding-top:205px;}
.mytRadar_castList .castIntro dt strong {display:block; font-size:20px; color:#000; line-height:24px}
.mytRadar_castList .castIntro dd > ul {margin-top:10px}
.mytRadar_castList .castIntro dd li {position:relative; padding-left:12px; font-size:14px; color:#6d6d6d; letter-spacing:-1px;}
.mytRadar_castList .castIntro dd li:before {content:""; position:absolute; top:9px; left: 0; width:4px; height:4px; background:#000;}
/* 190909 추가 (My tRadar 증권방송)(e) */

/* 스마트콜 서비스 (200825 김예리 추가) */
.smart_call_wrap{margin-top:-32px;}
.smart_call_wrap img{vertical-align:top;}
/* 스마트콜 서비스 (200825 김예리 추가)(e) */

/* 200907 (mytRader증권방송 메뉴 삭제관련) 김예리추가 */
.noti_bn{position:relative;background:#f7d246;}
.noti_bn:before{content:'';position:absolute;left:63px;top:50%;margin-top:-54px;width:108px;height:108px;background:url("/myasset/common/img/tr/noti_ico.png") no-repeat;}
.noti_bn .inner{padding:25px 25px 25px 235px}
.noti_bn .inner h2{color:#3d2911;font-size:30px;letter-spacing:-0.08em;line-height:1.2;}
.noti_bn .inner p{margin-top:8px;color:#422400;letter-spacing:-0.05em;line-height:1.4;}
/* 200907 (mytRader증권방송 메뉴 삭제관련) 김예리추가(e) */

/* **** (신규)Hello주린이(211027) **** */
.contTitH1 + .stcKidWrap {margin-top:-32px}
.stcKidWrap + .mytab1 {margin-top:40px;}
.stcKidWrap {height:260px; padding:45px; color:#070707; box-sizing:border-box}
.stcKidWrap dt {display:inline-block; padding:0 8px; margin-bottom:20px; height:35px; line-height:35px; font-size:18px; border:2px solid #020202}
.stcKidWrap dd {font-size:24px; line-height:1.4}
.stcKidWrap dd.sTxt {margin-top:10px; font-size:18px;}

.tabs + .stcKidWrap {margin-top:20px}
.stcKidWrap + .panels {margin-top:40px}

/* SOS주린이 스쿨 */
.stcKidWrap.stcKidWrap1 {margin-top:20px; background:url("/myasset/common/img/hu/bg_stcKidWrap1.jpg") no-repeat;}
.stcKid_school {margin-top:40px}
.stcKid_school .bn_stcKidbrdcst .tit1 {font-size:22px;}
.stcKid_school .bn_stcKidbrdcst .brdcst {padding:25px 0 0 304px; height:97px; border-top:1px solid #6d6d6d; border-bottom:1px solid #6d6d6d; background:url("/myasset/common/img/hu/img_hu1001000_p1_1.png") no-repeat left top;}
.stcKid_school .bn_stcKidbrdcst .brdcst dt {font-weight:bold; font-size:22px;}
.stcKid_school .bn_stcKidbrdcst .brdcst dd {font-size:15px;}
.stcKid_school .bn_stcKidbrdcst .brdcst dd .btn {margin-left:5px}

.stcKid_school .sos_cont {border:1px solid #ddd}
.stcKid_school .sos_cont dt {position:relative; padding:0 130px 0 100px; height:75px; line-height:75px; border-bottom:1px solid #ddd}
.stcKid_school .sos_cont dt:before {position:absolute; clear:both; display:block; content:''; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat;}
.stcKid_school .sos_cont dt .tit1 {font-size:23px; color:#141313; letter-spacing:-0.06em;}
.stcKid_school .sos_cont dt .btnMore {position:absolute; right:38px; top:0; padding:0 21px; height:75px; line-height:75px; font-size:16px;}
.stcKid_school .sos_cont dt .btnMore:after {position:absolute; top:50%; margin-top:-7px; right:0; width:13px; height:13px; clear:both; display:block; content:''; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position:-706px -182px;}
.stcKid_school .sos_cont dd {padding:40px 10px; text-align:center}
.stcKid_school .sos_cont .list {display:inline-block; overflow:hidden}
.stcKid_school .sos_cont .list li {float:left; width:204px; margin:0 25px;}
.stcKid_school .sos_cont .list li.noData {float:none; width:100%; text-align:center; margin:0; font-size:16px}
.stcKid_school .sos_cont .list li a {display:block; position:relative;}
.stcKid_school .sos_cont .list li img {display:block; width:100%;}

.stcKid_school .sos_yutube {margin-top:60px;}
.stcKid_school .sos_yutube dt:before {top:22px; left:37px; width:38px; height:33px; background-position:-615px -227px;}
.stcKid_school .sos_yutube dd {padding-bottom:35px;}
.stcKid_school .sos_yutube .list li img {height:115px;}
.stcKid_school .sos_yutube .list .play {display:block; position:absolute; top:35px; left:50%; z-index:2; width:42px; height:44px; margin-left:-21px; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position:-465px -182px;}
.stcKid_school .sos_yutube .list .tit {display:block; margin-top:15px; font-size:15px; line-height:1.4; letter-spacing:-0.04em; height:43px; overflow:hidden;}

.stcKid_school .sos_card {margin-top:50px;}
.stcKid_school .sos_card dt:before {top:18px; left:37px; width:46px; height:37px; background-position:-673px -227px;}
.stcKid_school .sos_card .list {}
.stcKid_school .sos_card .list li.noData {text-align:center; font-size:16px}
.stcKid_school .sos_card .list li img {height:167px}
.stcKid_school .sos_card .list .ico_pic, .stcKid_school .sos_card .list .ico_play {display:inline-block; content:''; clear:both; width:44px; height:44px; position:absolute; left:50%; top:35px; margin-left:-22px; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat; z-index: 1;}
.stcKid_school .sos_card .list .ico_pic {background-position:-149px 0;}
.stcKid_school .sos_card .list .ico_play {background-position:-258px 0;}
.stcKid_school .sos_card .list .cDim {position:absolute; bottom:0; left:0; right:0; height:65px; background-color:rgba(34,75,113,.6);}
.stcKid_school .sos_card .list .txt1 {position:absolute; bottom:0; left:0; height:46px; line-height:1.4; letter-spacing:-0.04em; font-size:15px; color:#fff; margin-bottom:7px; padding:0 10px; overflow:hidden; z-index:1;}

/* What's Up 주린이 */
.stcKidWrap.stcKidWrap2 {background:url("/myasset/common/img/hu/bg_stcKidWrap2.jpg") no-repeat;}
.stcKid_brdcst1 {position:relative; margin-top:20px; padding:30px 250px 30px 170px; min-height:105px; background:#f6f6f6; border:1px solid #e6e6e6}
.stcKid_brdcst1:before, .stcKid_brdcst1 .btnWrap1 .bt:before, .stcKid_brdcst2 .tit1:before
{position:absolute; clear:both; display:block; content:''; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat;}
.stcKid_brdcst1:before {top:40px; left:10px; width:142px; height:88px; background-position:-399px -265px;}
.stcKid_brdcst1 .tit1 {font-size:24px; font-weight:bold; color:#000}
.stcKid_brdcst1 .tit1 em {color:#fe4d50}
.stcKid_brdcst1 .txt1 {font-size:16px; color:#000; line-height:1.3}
.stcKid_brdcst1 .btnWrap1 {position:absolute; right:20px; top:30px}
.stcKid_brdcst1 .btnWrap1 .bt {position:relative; display:block; padding:0 0 0 60px; width:200px; height:47px; line-height:47px; font-size:14px; color:#fff; border-radius:3px; box-sizing:border-box}
.stcKid_brdcst1 .btnWrap1 .bt1 {background:#1053a5}
.stcKid_brdcst1 .btnWrap1 .bt1:before {top:15px; left:30px; width:18px; height:20px; background-position:-615px -182px;}
.stcKid_brdcst1 .btnWrap1 .bt2 {margin-top:8px; background:#71879b}
.stcKid_brdcst1 .btnWrap1 .bt2:before {top:14px; left:30px; width:18px; height:18px; background-position:-643px -182px;}

.stcKid_brdcst2 {position:relative; padding:55px 0; text-align:center; border:1px solid #e6e6e6;}
.stcKid_brdcst1 + .stcKid_brdcst2 {border-top:0}
.stcKid_brdcst2 .ico {background:url("/myasset/common/img/hu/spr_hello.png") no-repeat;}
.stcKid_brdcst2 .tit1 {position:relative; text-align:left; margin-left:126px; padding-left:38px; font-size:24px; font-weight:normal; color:#000; line-height:1.1; letter-spacing:-0.04em}
.stcKid_brdcst2 .tit1 span {font-size:16px;}
.stcKid_brdcst2 .tit1:before {top:2px; left:0; width:25px; height:25px; background-position:-671px -182px;}
.stcKid_brdcst2 .yutubeWrap {position:relative; width:540px; height:303px; margin:13px auto 25px}
.stcKid_brdcst2 .yutubeWrap a {display:block;}
.stcKid_brdcst2 .yutubeWrap .play {display:block; position:absolute; top:50%; left:50%; z-index:2; width:42px; height:44px; margin:-22px 0 0 -21px; background-position:-465px -182px;}
.stcKid_brdcst2 .yutubeWrap img {display:block; width:540px; height:303px;}
.stcKid_brdcst2 .txt1 {font-size:16px; line-height:1.3; color:#444}
.stcKid_brdcst2 .txt1 em {color:#f44f53}

.stcKid_quiz {margin-top:50px;}
.stcKid_quiz > dt {padding:35px 0 0 65px; color:#fff; line-height:1.2; height:230px; background:url("/myasset/common/img/hu/img_hu1002000_t1_1.png") no-repeat; box-sizing:border-box;}
.stcKid_quiz > dt span {display:inline-block; font-size:16px; text-decoration:underline;}
.stcKid_quiz > dt strong {display:block; font-size:43px; padding-top:15px;}
.stcKid_quiz .cont1 img {display:block}
.stcKid_quiz .btWrap {border:1px solid #d0d0d0; border-top:0; background:#fe6600;}
.stcKid_quiz .btWrap a {display:block; text-align:center; height:80px; line-height:80px; font-size:28px; color:#fff}

/* SOS 유안타튜브 */
.stcKidWrap.stcKidWrap3 {background:url("/myasset/common/img/hu/bg_stcKidWrap3.jpg") no-repeat;}

/* SOS 카드뉴스 */
.stcKidWrap.stcKidWrap4 {background:url("/myasset/common/img/hu/bg_stcKidWrap4.jpg") no-repeat;}
/* **** (신규)Hello주린이(211027)(e) **** */

/* 230406 계수련 추가 (비대면 계좌개설) */
.qr-wrap {overflow:hidden;}
.qr-wrap > div {width:370px; height:192px; padding-top:20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; text-align:center; color:#000; box-sizing:border-box;}
.qr-wrap .app-wrap {float:left; background:#f6f9fa;}
.qr-wrap .web-wrap {float:right; background:#f3f4f7;}
.qr-wrap > div p {margin-bottom:10px; line-height:20px;}

.smartStepWrap2 .smartStepCont1 li p {display:inline-block; vertical-align:middle; line-height:1.5;}/* 240408 수정 */
.smartStepWrap2 .smartStepCont1 .ico.ico_preparation3 {width:71px;height:71px;background-position: -408px -1172px}

.step-wrap {overflow:hidden;}
.step-wrap li {position:relative; float:left; width:150px; height:128px; margin-left:10px; padding:15px 0 15px 10px; border:1px solid #0157ac; border-radius:3px; letter-spacing:-1px; box-sizing:border-box;}
.step-wrap li:first-child {margin-left:0;}
.step-wrap li:after {position:absolute; top:50%; right:-6px; display:inline-block; width:7px; height:9px; margin-top:-3px; background:url("/myasset/common/img/hu/spr_hello.png") no-repeat; background-position:-591px -26px; content:'';}
.step-wrap li:last-child:after {display:none}
.step-wrap li span {font-size:13px; color:#0157ac; font-weight:bold;}
.step-wrap li .tit {margin-bottom:5px; font-size:15px; color:#141313; font-weight:bold;}
.step-wrap li .txt {font-size:13px; color:#777;}