@charset "utf-8";

/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;min-height:100%;font-size:10px;font-family:'Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif;line-height:1.4;color:#707070;word-wrap:break-word;-webkit-text-size-adjust:none;scroll-behavior:smooth;}
@media (min-width:426px) and (max-width:768px){
    html,body{font-size:12px;}
}
@media only screen and (min-width:769px){
    html,body{font-size:14px;}
}
img{border:0;width:100%;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
a{display:inline-block;color:inherit;text-decoration:none;}
@media (hover:hover){
    :hover{background-color:inherit;}
}
em,i{font-style:normal;}
fieldset{border:0;}
select,input,img{vertical-align:middle;}
button{background:none;border:0 none;line-height:100%;cursor:pointer;}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Layout & Common */
body{position:relative;background-color:#fff;word-break:keep-all;}
body > div{min-width:320px;box-sizing:border-box;font-size:1.4rem;}
.lockScroll{position:fixed !important;width:100%;}
.wrap{overflow:hidden;position:relative;z-index:1;min-width:320px;height:100%;}
body.main .wrap{padding-bottom:6rem;}
.sp, .spBf:before, .spAf:after{display:inline-block;background-image:url(../images/sp_mpl.png);background-repeat:no-repeat;background-size:25rem auto;}
.spBf:before, .spAf:after{content:'';}

/* icon */
.cnt{position:absolute;min-width:1.5rem;height:1.5rem;padding:0 0.5rem;background-color:#f1734b;border-radius:1rem;font-size:1.3rem;line-height:1.3rem;color:#fff;text-align:center;box-sizing:border-box;}
.new{position:absolute;top:0.2rem;right:0.1rem;width:0.6rem;height:0.6rem;background-color:#f1734b;border-radius:50%;font-size:0.1rem;line-height:0.1rem;}
.icoAD{width:2rem;height:1.3rem;vertical-align:middle;}
.icoAD:before{width:2rem;height:1.3rem;background-position:-14.5rem -6rem;}
.icoSafe{width:7.5rem;height:1.9rem;margin-left:0.5rem;background-position:-17rem -6rem;vertical-align:-0.5rem;}
[class*='icoSoda']:before{display:block;width:3.6rem;height:3.6rem;margin:0.5rem auto;background-position-y:-12.5rem;}
.icoSoda1:before{background-position-x:-0.5rem;}
.icoSoda2:before{background-position-x:-4.5rem;}
.icoSoda3:before{background-position-x:-8.5rem;}
.icoSoda4:before{background-position-x:-12.5rem;}
.icoSoda5:before{background-position-x:-16.5rem;}
.icoSoda6:before{background-position-x:-20.5rem;}

/* btn */
.btnBlue{display:inline-block;width:7rem;height:3rem;padding:0.5rem;background-color:#2497ec;border-radius:0.5rem;font-size:1.3rem;color:#fff;text-align:center;box-sizing:border-box;}

/* tab */
.tab:after{content:'';display:block;clear:both;}
.tab li{float:left;position:relative;width:25%;box-sizing:border-box;}
.tab li:first-child:last-child{width:100%;}
.tab li:first-child:nth-last-child(2),
.tab li:nth-child(2):last-child{width:50%;}
.tab li:first-child:nth-last-child(3),
.tab li:nth-child(2):nth-last-child(2),
.tab li:nth-child(3):last-child{width:33.3333%;}
.tab li a{display:block;overflow:hidden;position:relative;color:#131313;text-align:center;box-sizing:border-box;}
.tab li a.active{color:#2497ec;}
.tabCont{display:none;}
.tabCont.on{display:block;}

/* slider */
.slider{overflow:hidden;position:relative;text-align:center;}
.slider .slick-list{overflow:hidden;position:relative;}
.slider .slick-slide{position:relative;float:left;}
.slider .slick-slide > a{display:block;overflow:hidden;height:100%;border-radius:1rem;}
.slider .slick-dots{display:none;position:absolute;bottom:1.8rem;left:0;right:0;text-align:center;}
.slider .slick-dots li{display:inline-block;margin:0 0.5rem;}
.slider .slick-dots li button{display:block;width:0.7rem;height:0.7rem;border-radius:0.35rem;background-color:#87cdf5;color:transparent;}
.slider .slick-dots li.slick-active button{background-color:#fff;color:transparent;}
.slider .slick-counter{display:none;position:absolute;bottom:2rem;right:2rem;width:3.75rem;height:2rem;margin-left:-1.85rem;background-color:#34374d;border-radius:1.7rem;font-size:1.3rem;line-height:2rem;color:#fff;text-align:center;}
.slider .slick-counter .current{font-weight:normal;}

.mainSlider{margin:0 !important;}
.mainSlider .slider .slick-counter{display:block;}
.bannerAr .slider .slick-counter{display:none;}
.adAr .slider{text-align:left;}

/* listType */
.listType1 li{position:relative;margin-top:1.5rem;}
.listType1 li > a{display:block;overflow:hidden;}
.listType1 li .thumb{overflow:hidden;position:relative;float:left;z-index:2;width:8rem;height:5.6rem;margin-right:1rem;border:1px solid #f3f3f3;}
.listType1 li .txt{z-index:1;}
.listType1 li .tit{display:block;overflow:hidden;margin-top:-0.1rem;color:#131313;text-overflow:ellipsis;white-space:nowrap;}
.listType1 li .desc{display:block;display:-webkit-box;overflow:hidden;height:3.48rem;margin-top:0.3rem;font-size:1.3rem;line-height:1.4;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* lyWrap */
.dimm{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);text-align:center;}

.lyWrap{display:none;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;}
.lyWrap .lypop{display:table;position:relative;width:100%;height:100%;margin:0 auto;padding:2.5rem;box-sizing:border-box;}
.lyWrap .lypop .lyCell{display:table-cell;vertical-align:middle;}
.lyWrap .lypop .lyCell .lyCont{position:relative;max-width:640px;margin:0 auto;}
.lyWrap .lypop .lyCell .lyCont img{overflow:hidden;border-radius:1rem;}
.lyWrap .lypop .lyCell .lyCont .lyCls{position:absolute;top:-1.5rem;right:0;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;}
.lyWrap .lypop .lyCell .lyCont .lyCls:before{width:1.5rem;height:1.5rem;background-position:-19rem -0.5rem;}

.lyPopup{display:none;align-items:center;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;}
.lyPopup:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);}
.lyPopup .lypop{overflow:hidden;position:relative;width:100%;margin:0 2.5rem;padding:3rem 2rem 4rem;background:#fff;border-radius:1rem;box-sizing:border-box;text-align:center;}
.lyPopup .lypop .btnWrap{position:relative;margin-top:3rem;}
.lyPopup .lypop .btnWrap button, 
.lyPopup .lypop .btnWrap a{display:inline-block;width:45%;height:4.5rem;margin:0 0.4rem;border:1px solid #535253;border-radius:2px;box-sizing:border-box;font-weight:bold;font-size:1.8rem;line-height:4.5rem;color:#5a5a5b;text-align:center;vertical-align:middle;}
.lyPopup .lypop .btnWrap .lyGo{background:#3454f4;border-color:#3454f4;color:#fff;line-height:4.3rem;}

#lyThreat p{font-size:1.4rem;color:#5b5b5b;}
#lyThreat .tit{margin-bottom:2rem;font-size:2.2rem;color:#222;}
#lyThreat .tit:before{content:'';display:block;width:7.2rem;height:7.2rem;margin:0 auto 1rem;background-position:-1rem -25rem;background-size:50rem auto;}
#lyThreat .tit em{display:block;font-weight:bold;font-size:2rem}
#lyThreat .tit strong{display:block;font-size:2.6rem;color:#3595db;}
#lyThreat .icoHand{position:absolute;top:50%;left:95%;width:3.3rem;height:3.3rem;margin:1rem -2.7rem;background-position:-19rem -8.5rem;}

/* SectionDetail */
/* header */
#header{position:relative;z-index:999;}
body.main #header{height:5.6rem;padding:0 1.8rem;background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;text-align:right;box-sizing:border-box;}
body.main #header h1{position:absolute;top:50%;left:2rem;margin-top:-1rem;}
body.main #header .bi{display:block;width:12.8rem;height:2rem;}
body.main #header .bi img{vertical-align:top;}
body.main #header .gnbBtn,
body.main #header .gnbCls,
body.main #header .notiBtn{position:relative;width:3.2rem;height:3.2rem;margin:1.2rem 0.2rem;}
body.main #header .gnbCls{display:none;}
body.main #header .notiBtn .cnt{top:0;right:0;}

body.sub #header{height:4rem;padding:0.5rem 1rem;}
body.sub #header h1{padding:0 3rem;font-weight:normal;font-size:1.6rem;line-height:4rem;color:#131313;}
body.sub #header .gnbBtn{position:absolute;top:50%;right:1rem;width:2.5rem;height:2.5rem;margin-top:-1.2rem;padding:0.5rem 0.4rem;border-radius:1.3rem;box-sizing:border-box;}
body.sub #header .gnbBtn:before{width:1.8rem;height:1.6rem;background-position:-13rem -0.5rem;}
body.sub #header .backBtn{position:absolute;top:50%;left:1rem;width:2.5rem;height:2.5rem;margin-top:-1.2rem;padding:0.5rem 0.4rem;border-radius:1.3rem;box-sizing:border-box;}
body.sub #header .backBtn:before{width:1.8rem;height:1.6rem;background-position:-15rem -0.5rem;}

/* footer */
#footer{position:relative;padding:1rem;text-align:center;}
#footer .copy{font-size:1.3rem;color:#808080;}

/* fixAr */
#fixAr{position:fixed;z-index:996;right:0;bottom:0;left:0;height:7rem;padding:1rem;background-color:#fff;text-align:center;box-sizing:border-box;}
#fixAr .fixBtn{margin:0 -0.5rem;}
#fixAr .fixBtn:after{content:'';display:block;clear:both;}
#fixAr .fixBtn li{float:left;width:100%;}
#fixAr .fixBtn a{display:block;overflow:hidden;position:relative;height:5rem;margin:0 0.5rem;background-color:#2497ec;border-radius:0.5rem;}
#fixAr .fixBtn a:before{height:3rem;margin:1rem;background-position-y:-2.5rem;}
#fixAr .fixBtn a.mypass:before{width:12rem;background-position-x:-0.5rem;}
#fixAr .fixBtn a.notibk:before{width:7.4rem;background-position-x:-13rem;}

/* gnb */
#gnb.on:before{content:'';position:absolute;z-index:997;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3);}
#gnb .dimm{display:none;position:absolute;z-index:997;top:0;right:73%;bottom:0;left:0;background:none;}
#gnb.on .dimm{display:block;}
#gnb .gnb{overflow:hidden;position:absolute;z-index:998;top:0;right:-73%;bottom:0;width:73%;padding:5.6rem 0;background-color:#FFFFFF;box-sizing:border-box;height:100%;}
#gnb.on .gnb{display:block;animation:gnbOn 0.3s linear 0.1s;animation-fill-mode:both;right:0;}
@keyframes gnbOn{
    from{right:-73%;width:0;}
    to{right:0;width:73%;}
}
#gnb.off .gnb{animation:gnbOff 0.3s linear 0.1s;animation-fill-mode:both;}
@keyframes gnbOff{
    from{right:0;width:73%;}
    to{right:-73%;width:0;}
}
.gnb .gnbCls{position:absolute;top:1.5rem;right:1.7rem;width:3rem;height:3rem;box-sizing:border-box;}
.gnb .gnbCls:before{position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-0.8rem 0 0 -0.8rem;background-position:-17rem -0.5rem;}
.gnb .gnbLi{margin:2rem;}
.gnb .gnbLi a{display:block;position:relative;}
.gnb .gnbLi > li{position:relative;padding:1.2rem 0;border-top:1px solid #F7F7F7;}
.gnb .gnbLi > li:first-child{padding-top:0;border-top:0 none;}
.gnb .gnbLi > li > a{display:block;padding:0.4rem 1.6rem;font-weight:bold;color:#101010;}
.gnb .gnbLi ul:after{content:'';display:block;clear:both;}
.gnb .gnbLi ul li a{display:block;padding:1rem 1.6rem;font-size:1.3rem;color:#101010;}

/* sub contetns */
#iContents{position:relative;padding:1rem;color:#808080;}
#iNoti{margin:3rem -1rem -1rem;background-color:#fbfbfb;}
#iNoti p{position:relative;padding:1.3rem 2.5rem 1.3rem 4.4rem;font-size:1.1rem;line-height:1.4;color:#808080;}
#iNoti p:before{position:absolute;top:1.5rem;left:2.5rem;width:1.4rem;height:1.4rem;background-position:-17rem -9rem;}
#iNoti2{margin:0;background-color:#eee;}
#iNoti2 p{position:relative;padding:2.5rem 2rem 2.5rem 4rem;font-size:1.3rem;font-weight:bold;line-height:1.4;color:#555;}
#iNoti2 p:before{position:absolute;top:50%;left:1.4rem;margin-top:-0.65rem;width:1.3rem;height:1.3rem;background-position:-17rem -9rem;}

/* landing */
.landingAr{display:none;position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;padding:1.8rem;background-color:#0f9beb;line-height:1.5;text-align:center;}
.landingAr{animation:landing 0.3s linear 2s;animation-fill-mode:both;}
@keyframes landing{
    from{z-index:10;opacity:1;}
    to{z-index:0;opacity:0;}
}
.landing{display:table;width:100%;height:100%;}
.landing > div{display:table-cell;vertical-align:middle;}
.landing > div:before{content:'';display:inline-block;width:96px;height:96px;background:url(../images/ico_V3_200x200.png) no-repeat;background-size:cover;}
.landing p{margin:2rem;color:#fff;}

/* tabNavi */
.tabNavi{display:table;table-layout:fixed;width:100%;height:4.9rem;padding:0 2rem;border-bottom:1px solid #d5d5d5;box-sizing:border-box;}
.tabNavi li{display:table-cell;}
.tabNavi li a{display:block;overflow:hidden;height:5rem;font-size:1.6rem;line-height:5rem;color:#131313;text-align:center;box-sizing:border-box;}
.tabNavi li a.active{border-bottom:4px solid #2497ec;font-weight:bold;color:#2497ec;}

/* contents */
.contents{display:none;position:relative;z-index:1;}
.contents.on{display:block;}
.contents > div{position:relative;margin:1rem 0;}
.contents > div:last-child{margin-bottom:0;}
.contents h3.tit{position:relative;margin-bottom:1.5rem;font-size:1.5rem;color:#131313;}

.contents .bannerAr{text-align:center;}
.contents .bannerAr a{display:block;}

.contents .notiAr{position:relative;height:4rem;padding:0 2rem 0 8.5rem;background-color:#dcf0ff;line-height:4rem;box-sizing:border-box;}
.contents .notiAr .tit{position:absolute;left:2rem;font-weight:bold;color:#131313;}
.contents .notiAr .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.contents .altAr{margin:1rem;padding:1rem 1rem;background-color:#ffeee8;border-radius:0.5rem;}
.contents .altAr p{display:block;overflow:hidden;position:relative;height:2rem;padding:0 1.3rem 0 2.5rem;line-height:2rem;color:#f1734b;text-overflow:ellipsis;white-space:nowrap;}
.contents .altAr p:before{position:absolute;top:50%;left:0;margin-top:-1rem;width:2rem;height:2rem;background-position:-9.5rem -6rem;}
.contents .altAr p:after{position:absolute;top:50%;right:0;margin-top:-0.6rem;width:0.8rem;height:1.3rem;background-position:-22rem -0.5rem;}

.contents .adAr{overflow:hidden;height:5.8rem;background-color:#f9f9f9;}
.contents .adAr a{display:block;position:relative;height:3.8rem;margin-top: 1rem;}
.contents .adAr .thumb{position:absolute;top:50%;left:3rem;width:3.2rem;height:3.2rem;margin-top:-1.6rem;}
.contents .adAr .thumb .icoAD{position:absolute;top:-0.5rem;left:-1rem;}
.contents .adAr .thumb img{overflow:hidden;border-radius:0.75rem;}
.contents .adAr .txt{position:absolute;left:7.7rem;right:2rem;}
.contents .adAr .tit, .adAr .desc{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;color:#131313;}

.contents .v3Ad{display:table;position:relative;width:100%;min-height:13.5rem;margin:-1px 0 0;padding:2rem;background-color:#e2f0f8;box-sizing:border-box;}
.contents .v3Ad:before{position:absolute;top:50%;right:2rem;margin-top:-4.25rem;width:7.6rem;height:8.5rem;background-position:-0.5rem -32rem;}
.contents .v3Ad h3.tit{margin-top:-0.5rem;color:#2497ec;}
.contents .v3Ad a{display:table-cell;vertical-align:middle;}
.contents .v3Ad p{padding-right:8rem;font-size:1.3rem;color:#131313;}

.contents .secuSt{margin:3rem 2.5rem;}
.contents .secuSt .cont{margin:0 -1rem;}
.contents .secuSt .cont:after{content:'';display:block;clear:both;}
.contents .secuSt .cont > *{float:left;position:relative;width:25%;padding:0 0.1rem;box-sizing:border-box;font-size:1.3rem;color:#131313;text-align:center;}
.contents .secuSt .cont > *:first-child:last-child{width:100%;}
.contents .secuSt .cont > *:first-child:nth-last-child(2),
.contents .secuSt .cont > *:nth-child(2):last-child{width:50%;}
.contents .secuSt .cont > *:first-child:nth-last-child(3),
.contents .secuSt .cont > *:nth-child(2):nth-last-child(2),
.contents .secuSt .cont > *:nth-child(3):last-child{width:33.3333%;}
.contents .secuSt .cont .icoSoda2{width:29%;}
.contents .secuSt .cont .icoSoda2 + .icoSoda3, .contents .secuSt .cont .icoSoda2 + .icoSoda3 + .icoSoda4{width:23%}
.contents .secuSt .cont > * i{position:absolute;top:0.7rem;left:50%;width:2.2rem;height:1.2rem;margin-left:0.5rem;background-position-x:-14.5rem;}
.contents .secuSt .cont > * i.on{background-position-y:-9rem;}
.contents .secuSt .cont > * i.off{background-position-y:-10.5rem;}
.contents .secuSt .cont > * img{display:block;width:4rem;height:4rem;margin:0 auto 0.5rem;}

.contents .secuSt2{margin:3rem 2rem;}
.contents .secuSt2 .cont{display:table;table-layout:fixed;width:108%;margin:0 -4%;}
.contents .secuSt2 .cont > *{display:table-cell;position:relative;font-size:1.3rem;color:#131313;text-align:center;}
.contents .secuSt2 .cont > * > span{display:block;overflow:hidden;width:4.6rem;height:3.6rem;margin:0 auto 0.8rem;border-radius:0.5rem;}
.contents .secuSt2 .cont > * > span img{width:auto;height:100%;}
.contents .secuSt2 .cont > * i{position:absolute;top:0.2rem;left:50%;width:2.2rem;height:1.2rem;margin-left:0.5rem;background-position-x:-14.5rem;}
.contents .secuSt2 .cont > * i.on{background-position-y:-9rem;}
.contents .secuSt2 .cont > * i.off{background-position-y:-10.5rem;}
.contents .secuSt2 .cont > * i.ad{background-position-y:-7.3rem;}

.contents .secuSt3{margin:3rem 2rem;}
/* .contents .secuSt3 .cont{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;}
.contents .secuSt3 .cont > *{flex:1 1 20%;position:relative;font-size:1.2rem;color:#131313;text-align:center;} */
.contents .secuSt3 .cont{display:table;table-layout:fixed;width:100%;}
.contents .secuSt3 .cont > *{display:table-cell;position:relative;font-size:1.2rem;color:#131313;text-align:center;}
.contents .secuSt3 .cont > * > span{display:block;overflow:hidden;width:5.2em;margin:0 auto 0.8rem;}

.contents .phishing{margin:3rem 2rem;}
/* .contents .phishing .cont{display:flex;flex-wrap:wrap;gap:1.1rem;}
.contents .phishing .cont > *{flex:1 1 35%;position:relative;min-height:2.4rem;padding:1.4rem;background:#F7F7F9;border-radius:0.8rem;box-sizing:border-box;color:#8E8E8E;}
.contents .phishing .cont > * > div{display:flex;gap:0.5rem;} */
.contents .phishing .cont{position:relative;width:102%;margin:-1%;}
.contents .phishing .cont:after{content:'';clear:both;display:block;}
.contents .phishing .cont > *{float:left;position:relative;width:48%;min-height:2.4rem;margin:1%;padding:1.4rem;background:#F7F7F9;border-radius:0.8rem;box-sizing:border-box;color:#8E8E8E;}
.contents .phishing .cont > *:nth-child(odd):last-child{width:98%;}
.contents .phishing .cont > * > div{display:table;}
.contents .phishing .cont > * > div > i{display:inline-block;width:2.4rem;height:2.4rem;margin-right:0.5rem;vertical-align:middle;}
.contents .phishing .cont > * > div > i img{vertical-align:top;}
.contents .phishing .cont > * > div > em{display:inline-block;padding:0.2rem 0;color:#131313;line-height:2rem;}
.contents .phishing .cont > * > div + span{display:block;margin-top:0.5rem;}

.contents .secuInfo{margin:3rem 2rem;}
.contents .secuInfo .tab{margin-bottom:2rem;}
.contents .secuInfo .tab li a{height:3.5rem;background-color:#ebebeb;line-height:3.5rem;color:#131313;}
.contents .secuInfo .tab li:first-child a{overflow:hidden;border-radius:0.5rem 0 0 0.5rem;}
.contents .secuInfo .tab li:last-child a{overflow:hidden;border-radius:0 0.5rem 0.5rem 0;}
.contents .secuInfo .tab li a.active{background-color:#555;color:#fff;}
.contents .secuInfo .tab li .icoSafe{display:none;position:absolute;top:-0.9rem;left:50%;}
.contents .secuInfo .tab li:last-child a.active + .icoSafe{display:block;}

.contents .betterSvc{padding:2rem 1.6rem;background:#f1f5f9;}
.contents .betterSvc .ico_better{width:5.9rem;height:1rem;margin-left:0.1rem;background-position:-17.5rem -16.5rem;}
.contents .betterSvc ul{padding:2.0rem;background:#fff;border:1px solid #dde4ee;border-radius:1.2rem;box-shadow:0 0.6rem 1.2rem 0 #e1e9f0;}
.contents .betterSvc ul li{margin-top:0.4rem;}
.contents .betterSvc ul li:first-child{margin-top:0;}
.contents .betterSvc ul li a{display:block;position:relative;padding:1.6rem 3.2rem 1.6rem 7.6rem;font-size:1.3rem;line-height:1.3;color:#858794;}
.contents .betterSvc ul li a:before{position:absolute;top:50%;left:0;width:6rem;height:6rem;margin-top:-3rem;background-position-x:-11rem;}
.contents .betterSvc ul li:first-child a:before{background-position-y:-16.5rem;}
.contents .betterSvc ul li:nth-child(2) a:before{background-position-y:-23rem;}
.contents .betterSvc ul li:last-child a:before{background-position-y:-29.5rem;}
.contents .betterSvc ul li a:after{position:absolute;top:50%;right:0.8rem;width:0.7rem;height:1.1rem;margin-top:-0.55rem;background-position:-24rem -16.5rem;}
.contents .betterSvc ul li a strong{display:block;margin-bottom:0.3rem;font-size:1.4rem;color:#33374d;}

.contents .betterSvc2{margin:2rem 1.6rem;}
.contents .betterSvc2 .ico_better{width:5.9rem;height:1rem;margin-left:0.4rem;background-position:-17.5rem -16.5rem;vertical-align:middle;}
.contents .betterSvc2 .cont{display:table;width:100%;}
.contents .betterSvc2 .cont a{display:table-cell;padding:0 0.4rem;}

.contents .spyOut{margin:0 1rem;padding:3rem 1rem;border-bottom:1px solid #d5d5d5;}
.contents .spyOut .st{display:inline-block;margin-left:1rem;padding:0.1rem 0.2rem;background-color:#eaf3f9;border-radius:1rem;font-weight:normal;font-size:1.3rem;color:#2497ec;text-align:center;box-sizing:border-box;}
.contents .spyOut [class*='data']{position:relative;padding:0 8rem 0 4rem;font-size:1.3rem;}
.contents .spyOut [class*='data']:before{position:absolute;top:0;left:0;width:3rem;height:3.7rem;background-position-y:-16.5rem;}
.contents .spyOut.off [class*='data']:before{background-position-x:-0.5rem;}
.contents .spyOut.on [class*='data']:before{background-position-x:-4rem;}
.contents .spyOut dl dt{color:#808080;}
.contents .spyOut dl dd{font-weight:bold;color:#131313;}
.contents .spyOut.on dl dd{padding-left:1rem;text-indent:-1rem;}
.contents .spyOut p strong{display:block;margin-top:0.3rem;font-size:1.3rem;color:#101010;}
.contents .spyOut .btnBlue{position:absolute;top:0.3rem;right:0;width:7rem;}

.contents .notiAd{display:table;position:relative;width:100%;min-height:16rem;margin:0;padding:2rem;background-color:#e0eaff;box-sizing:border-box;}
.contents .notiAd:before{position:absolute;top:50%;right:2.5rem;margin-top:-5.5rem;width:10.2rem;height:11rem;background-position:-0.5rem -20.5rem;}
.contents .notiAd h3.tit{margin-top:-0.5rem;color:#2497ec;}
.contents .notiAd a{display:table-cell;vertical-align:middle;}
.contents .notiAd p{padding-right:11.7rem;font-size:1.3rem;color:#131313;}

.contents .notiBk{margin:3rem 2rem;}
.contents .notiBk .btnBlue{position:absolute;top:-0.3rem;right:0;}
.contents .notiBk .cont{display:block;overflow:hidden;position:relative;padding-left:4rem;}
.contents .notiBk .cont:before{position:absolute;top:0;left:0;width:3rem;height:3rem;background-position:-7.5rem -16.5rem;}
.contents .notiBk .cont:after{position:absolute;top:0.3rem;right:0;width:0.8rem;height:1.2rem;background-position:-21rem -0.5rem;}
.contents .notiBk .cont .tit{display:block;overflow:hidden;padding-right:2.2rem;color:#131313;text-overflow:ellipsis;white-space:nowrap;}
.contents .notiBk .cont .date{display:block;font-size:1.3rem;color:#808080;}
.contents .notiBk .cont .desc{display:block;display:-webkit-box;overflow:hidden;height:3.77rem;margin-top:0.3rem;font-size:1.3rem;color:#444;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8rem}

.contents .listWrap{margin:1rem;padding:2rem 1rem;}
.contents .listWrap + .listWrap{border-top:1px solid #d5d5d5;}
.contents .listWrap h3.tit a{display:block;}
.contents .listWrap h3.tit:after{position:absolute;top:50%;right:0;width:0.8rem;height:1.2rem;margin-top:-0.6rem;background-position:-21rem -0.5rem;}

#shopping{margin-bottom:-6rem;}
#shopping.fixed{position:fixed;top:101px;right:0;bottom:0;left:0;margin-bottom:0;}
#shopping .prodList{position:relative;}
#shopping .prodList > div{box-sizing:border-box;}
#shopping .prodList .thumb{overflow:hidden;min-height:13.5rem;border:1px solid #eee;border-radius:1rem;box-sizing:border-box;}
#shopping .prodList .txt{padding-top:1rem;font-weight:bold;font-size:1.3rem;color:#060606;}
#shopping .prodList .txt .tit{margin-bottom:0.5rem;font-size:1.3rem;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 3;max-height: 5.5rem;-webkit-box-orient: vertical;display: -webkit-box;}
#shopping .prodList .txt .price{color:#cb1400;vertical-align:middle;}
#shopping .prodList .txt .price + i img{width:6.6rem;}
#shopping .prodList .txt .free{display:block;margin-top:0.5rem;color:#555;}
#shopping .rollBanner{overflow:hidden;margin:1rem 0;}
#shopping .rollBanner .prodList .pdLi{padding:1rem 2rem 0;}
#shopping .rollBanner .prodList .pdLi a{display:block;position:relative;}
#shopping .rollBanner .prodList .pdLi a .thumb{min-height:23.6rem;}
#shopping .rollBanner .slider .slick-prev,
#shopping .rollBanner .slider .slick-next{display:none !important;}
#shopping .rollBanner .slider .slick-btm{position:absolute;right:0;bottom:0;left:0;text-align:center;}
#shopping .rollBanner .slider .slick-dots{display:inline-block;position:relative;left:auto;right:auto;bottom:auto;font-size:1px;line-height:1px;vertical-align:middle;}
#shopping .rollBanner .slider .slick-dots li button{width:1.2rem;height:1.2rem;background-color:#e3e3e3;border-radius:0.6rem;}
#shopping .rollBanner .slider .slick-dots li.slick-active button{background-color:#2497ec;}
#shopping .rollBanner .slider .controller{display:inline-block;}
#shopping .rollBanner .slider .controller button{overflow:hidden;position:relative;width:1.2rem;height:1.2rem;margin:0 0.5rem;font-size:1px;line-height:1px;color:#b3b3b3;vertical-align:middle;}
#shopping .rollBanner .slider .controller button.pause:before{content:'';display:inline-block;width:0.3rem;height:1.2rem;margin:0 0.8rem 0 0.2rem;box-shadow:inset 0 0 0 1.2rem, 0.6rem 0 0 0;}
#shopping .rollBanner .slider .controller button.play:before{content:'';display:inline-block;width:0;height:0;border-width:0.6rem 0 0.6rem 1rem;border-style:solid;border-top-color:transparent;border-bottom-color:transparent;margin-left:0.2rem;}
#shopping #rollBanner{overflow:hidden;margin:0 -1.8rem;padding-bottom:2.2rem;}
#shopping #rollBanner .pdLi{float:left;padding:1rem;}
#shopping .scSlider{overflow:hidden;margin:3rem 2rem;}
#shopping .scSlider .slider{padding:0 2rem;}
#shopping .scSlider .slider a{display:block;float:left;width:7rem;height:6rem;font-weight:bold;font-size:1.3rem;color:#060606;letter-spacing:-1px;text-align:center;}
#shopping .scSlider .slider a img{display:block;margin:0 auto 0.3rem;width:4rem;}
#shopping .scSlider .slider > button{overflow:hidden;position:absolute;top:0;width:2rem;height:6rem;color:transparent;}
#shopping .scSlider .slider > button:before{content:'';position:absolute;top:50%;width:0.8rem;height:1.3rem;margin-top:-0.65rem;background-image:url(../images/sp_mpl.png);background-position:-21rem -0.5rem;background-size:25rem auto;}
#shopping .scSlider .slider > button.slick-prev, #shopping .scSlider .slider > button.slick-prev:before{left:0;}
#shopping .scSlider .slider > button.slick-next, #shopping .scSlider .slider > button.slick-next:before{right:0;}
#shopping .scSlider .slider > button.slick-prev:before{transform:rotate(180deg);}
#shopping .recommProd{margin:3rem 2rem;}
#shopping .recommProd .prodList{overflow:hidden;margin:-0.5rem;padding-bottom:5.5rem;}
#shopping .recommProd .prodList .pdLi{float:left;width:50%;padding:0.5rem;}
#shopping .recommProd .prodList .pdLi a{display:block;position:relative;}
#shopping .recommProd .prodList > button{overflow:hidden;position:absolute;bottom:0;width:8rem;height:4rem;border:1px solid #eee;border-radius:0.5rem;color:transparent;box-sizing:border-box;text-align:center;}
#shopping .recommProd .prodList > button:before{content:'';position:absolute;top:50%;left:50%;width:0.9rem;height:1.5rem;margin-top:-0.75rem;margin-left:-0.45rem;background-image:url(../images/sp_mpl.png);background-position:-23rem -0.5rem;background-size:25rem auto;}
#shopping .recommProd .prodList > button.slick-prev:before{transform:rotate(180deg);}
#shopping .recommProd .prodList > button.slick-prev{left:50%;margin-left:-12.5rem;}
#shopping .recommProd .prodList > button.slick-next{right:50%;margin-right:-12.5rem;}
#shopping .recommProd .prodList .slick-counter{position:absolute;bottom:0;left:50%;width:80px;margin-left:-40px;font-weight:bold;font-size:1.6rem;line-height:4rem;color:#959595;text-align:center;letter-spacing:0.3rem;}
#shopping .recommProd .prodList .slick-counter .current{color:#060606;}
#shopping .cateProd{overflow:hidden;margin:2rem 0;}
#shopping .cateProd .prodList{margin:2rem;}
#shopping .cateProd .prodList .pdLi{margin:1rem 0;}
#shopping .cateProd .prodList .pdLi a{display:table;width:100%;}
#shopping .cateProd .prodList .thumb{display:table-cell;width:12rem;height:12rem;vertical-align:top;}
#shopping .cateProd .prodList .txt{display:table-cell;padding-left:1rem;vertical-align:top;}
#shopping .cateProd .tabMenu{overflow:hidden;padding:0 2rem;height:5rem;border-bottom:1px solid #d9d9d9;display:flex;position:relative;box-sizing:content-box;}
#shopping .cateProd .tabMenu .tabSlider{width:100%;}
#shopping .cateProd .tabMenu .tabSlider ul.center{flex-wrap:wrap;flex-direction:column;}
#shopping .cateProd .tabMenu li{display:flex;justify-content:center;position:relative;width:auto !important;height:5rem;padding:0 1rem;font-weight:bold;font-size:1.4rem;line-height:5rem;color:#555;box-sizing:border-box;}
#shopping .cateProd .tabMenu li.swiper-slide-thumb-active{border-bottom:3px solid #2497ec;color:#2497ec;}
#shopping .cateProd .tabMenuCont{display:flex;position:relative;box-sizing:content-box;}
#shopping .cateProd .tabMenuCont .tabSlider2{width:100%;}
#shopping .cateProd .tabMenuCont li{display:flex;position:relative;}
#shopping .cateBanner{margin:3rem 0;}
#shopping .cateBanner > div {margin:0;padding:0;}
#shopping .cateBanner > div + div{margin-top:1rem;}
#shopping .cateBanner a{display:block;overflow:hidden;position:relative;padding-top:15.65%;}
#shopping .cateBanner a img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;}
#shopping .goTop{position:fixed;z-index:1;bottom:12rem;right:2rem;}
#shopping .goTop a{display:block;overflow:hidden;width:4.5rem;height:4.5rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;box-sizing:border-box;box-shadow:0 6px 6px rgba(0,0,0,0.14);font-weight:bold;font-size:1.5rem;line-height:4.3rem;color:#555;text-align:center;}
#shopping .evtBanner {text-align: center;}

.testFeature{ display: none; }
.newFeature{ display: none; }