@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;	border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul{list-style: none;}
blockquote, q{	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{	content: '';content: none;}
table {	border-collapse:collapse;border-spacing: 0;}
input,label,select{vertical-align:middle; }
img{vertical-align:top;}
input,textarea{padding:0;color:inherit;border-radius:0;margin:0;font-family:'Nanum Square','Nanum Gothic','Malgun Gothic','apple sd gothic neo',Dotum,monaco,sans-serif;}
select{color:inherit;}
a,a:link{text-decoration:none;color:#666;font-family: 'Nanum Square';}
a:visited{color:#666;}
a:hover{ text-decoration:underline;   }
a:focus,a:active{ text-decoration:underline; }
strong,b{font-weight:700;}
.ko{font-family:'Nanum Square','Nanum Gothic','Malgun Gothic','apple sd gothic neo',Dotum,monaco,sans-serif;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
html{-webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; }
body{ font-size:75%; line-height:1.2;color:#666;}
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
.hides,caption,legend{display:block;overflow:hidden;width:0;height:0;text-indent:-9999%;font-size:0;line-height:0;}
.hides{position:absolute;}
.btns{box-sizing: border-box;display:inline-block;vertical-align:middle; text-align:center;font-family:'Nanum Square';}
button.btns,input.btns{background:none transparent; border:none;margin:0;padding:0;cursor:pointer;overflow:visible;appearance: button; -moz-appearance: button;-webkit-appearance: button;cursor:pointer;border-radius:0;}
a.btns{text-decoration:none;}
input[type="search"].wans::-webkit-search-cancel-button{ -webkit-appearance: none; }
input[type="search"].wans::-webkit-search-decoration { -webkit-appearance: none; }
input[type="search"]{-webkit-appearance:textfield;}
html,body{height:100%;}
#header,
#footer{ min-width:1200px; }
#header{position:relative;z-index:20;height:98px;}
#header > .inner{position:absolute;width:100%; /*  overflow:hidden; */ z-index:10;background-color:#fff;background-image:url(/storyImage_renew/common/bg_line1.png);background-repeat:repeat-x;background-position:0 100%;}
#header > .inner > .line{min-height:98px;background-image:url(/storyImage_renew/common/bg_line.png);background-repeat:repeat-x;background-position:0 97px;}
#header > .inner .col.one{float:left;width:171px;}
#header > .inner .col.two{float:right;width:1029px;}
#header > .inner .logo{padding-top:42px; }
#header > .inner .col.two > .row-group1{height:36px;}
#header > .inner .utile-box{float:right; }
#header > .inner .utile-box > .list,
#header > .inner .utile-box > .list > li{float:left;}
#header > .inner .utile-box > .list > li a{color:#555; }
#header > .inner .utile-box > .list li{ padding:0 12px 0 13px;position:relative;height:36px;line-height:42px; }
#header > .inner .utile-box > .list li:before{content:'';position:absolute;top:50%;left:0;width:2px;height:2px;background-color:#dadada;}
#header > .inner .utile-box > .list li:first-child:before{content:none;}
#header > .inner .search-col{float:left;width:36px;position:relative;}
#header > .inner .search-col .btn1{width:36px;height:0;overflow:hidden;padding-top:36px;background-image:url(/storyImage_renew/common/icon_magnifier.png);background-repeat:no-repeat;background-position:50% 60%;}
#header > .inner .search-col .search{height:50px;position:relative;padding-right:50px;}
#header > .inner .search-col .wans{border:1px solid #d1d1d1;height:50px;box-sizing:border-box;text-indent:15px;font-size:13px;width:180px;
border-right:none; color:#000;}
#header > .inner .search-col .search .btn2{position:absolute;top:0;right:0;width:50px;padding-top:50px;height:0;overflow:hidden;
background-color:#a50034; background-image:url(/storyImage_renew/common/icon_magnifier1.png);background-repeat:no-repeat;background-position:50% 50%;}
#header > .inner .search-col .btn2[disabled]{background-color:#d1d1d1; }
#header > .inner .search-col .balloons2{right:-10px;width:433px;}
#header > .inner .navigation.js-one{height:62px;overflow:hidden;}
#header > .inner .navigation{float:right;}
#header.o1{position:inherit;z-index:inherit;height:inherit;background-color:#2a303c;}
#header.o1 .col{float:left;}
#header.o1 .logo{padding-top:26px; }
#header.o1 .logo a{text-decoration:none;}
#header.o1 .logo .txt{font-size:18px;color:#fff;}
#header.o1 .col.one{width:239px;}
#header.o1 .col.two{ width:531px;}
#header.o1 .col.three{width:430px;}
#header.o1 .gnb > li{float:left;}
#header.o1 .gnb > li > a{display:block;height:70px;line-height:70px;font-size:18px;color:#fff;padding-left:21px;padding-right:20px;background-image:url(/storyImage_renew/common/bar_gnb.png);background-position:0 50%;background-repeat:no-repeat;}
#header.o1 .gnb > li:first-child > a{background-image:none; }
#header.o1 .utile-box{padding-top:17px;padding-bottom:10px;text-align:right;}
#header.o1 .utile-box .txt{font-size:14px;color:#fff;vertical-align:middle;}
#gnb{float:right;}
#gnb a{display:block;}
#gnb > li{float:left;width:151px;background-image:url(/storyImage_renew/common/bg_gnb_bar.png);background-repeat:no-repeat;background-position:100% 13px;text-align:center;}
#gnb > li > a{font-size:16px;font-weight:bold;color:#000;display:block;height:50px;padding-top:12px;text-decoration:none;}
#gnb > li:first-child{width:152px;}
#gnb > li:first-child > a{padding-left:1px;background-image:url(/storyImage_renew/common/bg_gnb_bar.png);background-repeat:no-repeat;background-position:0 13px;}
#gnb > li > .box > .inner{padding:20px 0 20px 0;}
#gnb .list li a{font-size:14px;color:#555555; padding:8px 0; }
#gnb .box{border-right:1px solid #eaeaea; }
#gnb > li:first-child .box{border-left:1px solid #eaeaea; }
#footer > .inner{border-top:1px solid #d0d0d4; padding:25px 0;background-color:#fff;}
#footer .col{float:left;}
#footer .col.three{float:right;width:230px;text-align:right;}
#footer .col.one{ width:220px;}
#footer .col.two .list li{float:left;position:relative; padding:0 15px 0 16px; }
#footer .col.two .list li a{ font-size:14px;color:#000000;}
#footer .col.two .list li:before{content:'';position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#cccccc; }
#footer .col.two .list li:first-child{padding-left:0;}
#footer .col.two .list li:first-child:before{content:none;}
#footer .addr{display:block;margin-top:10px; }
#footer .copyright{font-size:13px;color:#666666;text-transform:uppercase;}
#container{ width:100%;}
#twoColWrap{width:1200px;margin:0 auto;background-image:url(/storyImage_renew/common/vline.png);background-repeat:repeat-y;background-position:209px;}
#twoColWrap > #sideBar{width:209px;float:left;}
#twoColWrap > #content{width:940px;float:right;}
#sideBar .heading{border-bottom:1px solid #d5d5d5;}
#sideBar .heading > div{ /* padding-top:60px;padding-bottom:60px; */height:145px; }
#sideBar .heading > div > .title{font-size:24px;color:#000;letter-spacing:-.5px;}
#lnb > li > a{display:block;font-size:16px;color:#000000;padding:20px 20px 20px 10px;border-bottom:1px solid #d5d5d5;text-decoration:none; position:relative;letter-spacing:-.5px; }
#lnb > li > a:before{right:10px;}
#lnb > li > a:before,
#lnb > li > a:after{content:'';position:absolute;top:50%;margin-top:-6px;border-left:7px solid #bbbbbb;border-top:6px solid transparent;border-bottom:6px solid transparent;}
#lnb > li > a:after{ border-left-color:#ffffff;right:12px;}
#lnb > li.on > a{color:#a50034;font-weight:bold;}
#lnb > li.on a:before,
#lnb > li a:hover:before{border-left-color:#a50034;}
#lnb > li > a:hover,
#lnb > li > a:focus,
#lnb > li > a:active{color:#a50034;}
.containers1{width:1200px;margin:0 auto;}
.trans1{-webkit-transition:all 300ms ease;-webkit-transition-duration:300ms;-moz-transition:all 300ms ease;transition:all 300ms ease;}
.trans2{-webkit-transition:width 300ms ease;-webkit-transition-duration:300ms;-moz-transition:width 300ms ease;transition:width 300ms ease;}
.a-cols10-2,
.a-cols1,.a-cols2,.a-cols3,.a-cols4,.a-cols5,.a-cols6,.a-cols7,.a-cols8,.a-cols9,.a-cols10,.a-cols11,.a-cols12{float:left;box-sizing:border-box;}
.a-cols1 {width:8.33333333%}
.a-cols2 {width:16.66666667%}
.a-cols3 {width:25%}
.a-cols4 {width:33.33333333%}
.a-cols5 {width:41.66666667%}
.a-cols6 {width:50%}
.a-cols7 {width:58.33333333%}
.a-cols8 {width:66.66666667%}
.a-cols9 {width:75%}
.a-cols10 {width:83.33333333%}
.a-cols11 {width:91.66666667%}
.a-cols12 {width:100%}
.a-cols10-2{width:20%;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;  word-wrap: break-word;}
.ellipsis3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;  word-wrap: break-word;}
.wbbals{word-break:break-all;}
.wwbws{ word-wrap: break-word;}
.vhs{visibility:hidden; }
.dns{display:none;}
.dbs{display:block;}
.dis{display:inline-block; }
.fls{float:left !important;}
.frs{float:right !important;}
.t-ars{text-align:right !important;}
.t-als{text-align:left !important;}
.t-acs{text-align:center !important;}
.v-ats{vertical-align:top !important;}
.v-ams{vertical-align:middle !important;}
.v-abs{vertical-align:bottom !important;}
.v-tbs{vertical-align:text-bottom !important;}
.v-bas{vertical-align:baseline !important;}
.v-ams1{vertical-align:-.2em !important;} 
.v-ams2{vertical-align:-2px !important;}
.udns{text-decoration:none !important;}
.as1{font-size:13px;display:inline-block;padding-right:15px;background-image:url(/storyImage_renew/common/bul_gt.png);background-repeat:no-repeat;background-position:100% 43%;}
.oas{ overflow:auto; }
.tlfs{table-layout:fixed; }
.tbls{display:table !important;border-spacing:0;border-collapse:collapse;}
.tbls > .tbl-row{display:table-row !important; }
.tbls > .tbl-row > .tbl-cell{ display:table-cell !important;}
.tbls > .tbl-cell{ display:table-cell !important;}
.wps100{width:100%;}
.wps33{width:33.33333333%;}
.wps48{width:48%; }
.wps50{width:50%; }
.ws30{width:30px;}
.ws36{width:36px;}
.ws50{width:50px;}
.ws55{width:55px;}
.ws60{width:60px;}
.ws62{width:62px !important;}
.ws70{width:70px !important;}
.ws75{width:75px;}
.ws77{width:77px;}
.ws80{width:80px;}
.ws92{width:92px;}
.ws100{width:100px;}
.ws120{width:120px;}
.ws130{width:130px;}
.ws140{width:140px;}
.ws150{width:150px;}
.ws160{width:160px;}
.ws225{width:225px;}
.ws250{width:250px;}
.ws280{width:280px;}
.ws300{width:300px;}
.ws313{width:313px !important; }
.ws340{width:340px;}
.ws430{width:430px;}
.ws500{width:500px;}
.ws560{width:560px;}
.ws750{width:750px;}
.ws778{width:778px;}
.ws795{width:795px;}
.ws1040{width:1040px;}
.mhs36{min-height:36px;}
.mhs50{min-height:50px;}
.mxhs38{max-height:38px; }

.min-ws50{min-width:50px;}
.max-wps90{max-width:90%;}
.hs45{height:45px;}
.hs131{height:131px !important;}
.hs228{height:228px;}
.whs18{width:18px;height:18px;}
.whs78{width:78px;height:78px;}
.whs180{width:180px;height:180px;}
.abs{position:absolute; }
.rels{position:relative; }
.tops0{top:0;}
.topms35{top:-35px;}
.lefts0{left:0;}
.leftms35{left:-35px;}
.rights0{right:0;}
.bottoms0{bottom:0;}
.mts5{margin-top:5px !important;}
.mts7{margin-top:7px !important;}
.mts10{margin-top:10px !important;}
.mts15{margin-top:15px !important;}
.mts20{margin-top:20px !important;}
.mts25{margin-top:20px !important;margin-bottom:20px !important;}
.mts30{margin-top:30px !important;}
.mts35{margin-top:35px !important;}
.mts40 {margin-top:40px !important;}
.mts45{margin-top:45px !important;}
.mts50{margin-top:50px !important;}
.mts55{margin-top:55px !important;}
.mts60{margin-top:60px !important;}
.mts65{margin-top:65px !important;}
.mts70{margin-top:70px !important;}
.mts75{margin-top:75px !important;}
.mls3{margin-left:3px !important;}
.mls5{margin-left:5px !important;}
.mls10{margin-left:10px !important;}
.mls15{margin-left:15px !important;}
.mrs5{margin-right:5px !important;}
.mrs10{margin-right:10px !important;}
.mrs15{margin-right:15px !important;}
.mbs5{margin-bottom:5px !important;}
.mbs10{margin-bottom:10px !important;}
.mbs20{margin-bottom:20px !important;}
.mbs30{margin-bottom:30px !important;}
.mbs50{margin-bottom:50px !important;}
.mbs55{margin-bottom:55px !important;}
.mtbs5{margin-top:5px !important;margin-bottom:5px !important;}
.mlrs2{margin-left:2px !important;margin-right:2px !important;}
.mlrs4{margin-left:4px !important;margin-right:4px !important;}
.mlrs5{margin-left:5px !important;margin-right:5px !important;}
.mlrs7{margin-left:7px !important;margin-right:7px !important;}
.mlras{margin-left:auto;margin-right:auto;}
.mrms7{margin-right:-7px;}
.mrms15{margin-right:-15px;}
.mrms20{margin-right:-20px;}
.pts5{ padding-top:5px !important;}
.pts10{ padding-top:10px !important;}
.pts20{ padding-top:20px !important;}
.pts25{ padding-top:25px !important;}
.pts30{ padding-top:30px !important;}
.pts35{ padding-top:35px !important;}
.pts50{ padding-top:50px !important;}
.pts55{ padding-top:55px !important;}
.pts65{ padding-top:65px !important;}
.pts70{padding-top:70px !important;}
.pbs30{ padding-bottom:30px !important;}
.pbs45{ padding-bottom:45px !important;}
.pbs50{ padding-bottom:50px !important;}
.pbs55{ padding-bottom:55px !important;}
.pbs65{ padding-bottom:65px !important;}
.pbs90{ padding-bottom:90px !important;}
.pbs100{ padding-bottom:100px !important;}
.pbs170{ padding-bottom:170px !important;}
.ptbs10{ padding-top:10px !important;padding-bottom:10px !important;}
.ptbs15{ padding-top:15px !important;padding-bottom:15px !important;}
.ptbs20{ padding-top:20px !important;padding-bottom:20px !important;}
.ptbs25{ padding-top:25px !important;padding-bottom:25px !important;}
.ptbs30{ padding-top:30px !important;padding-bottom:30px !important;}
.ptbs35{ padding-top:35px !important;padding-bottom:35px !important;}
.ptbs40{ padding-top:40px !important;padding-bottom:40px !important;}
.ptbs45{ padding-top:45px !important;padding-bottom:45px !important;}
.ptbs50{ padding-top:50px !important;padding-bottom:50px !important;}
.ptbs55{ padding-top:55px !important;padding-bottom:55px !important;}
.ptbs60{ padding-top:60px !important;padding-bottom:60px !important;}
.ptbs90{ padding-top:90px !important;padding-bottom:90px !important;}
.ptbs100{ padding-top:100px !important;padding-bottom:100px !important;}
.prs5{padding-right:5px;}
.prs10{padding-right:10px;}
.prs15{padding-right:15px;}
.prs20{padding-right:20px;}
.pls5{padding-left:5px !important;}
.pls10{padding-left:10px !important;}
.pls12{padding-left:12px !important;}
.pls20{padding-left:20px !important;}
.pls30{padding-left:30px !important;}
.pls35{padding-left:35px !important;}
.pls40{padding-left:40px !important;}
.pls60{padding-left:60px !important;}
.pls80{padding-left:80px !important;}
.pls100{padding-left:100px !important;}
.plrs0{padding-left:0 !important;padding-right:0 !important;}
.plrs5{padding-left:5px !important;padding-right:5px !important;}
.plrs7{padding-left:7px !important;padding-right:7px !important;}
.plrs10{padding-left:10px !important;padding-right:10px !important;}
.plrs13{padding-left:13px !important;padding-right:13px !important;}
.plrs15{padding-left:15px !important;padding-right:15px !important;}
.plrs20{padding-left:20px !important;padding-right:20px !important;}
.plrs22{padding-left:22px !important;padding-right:22px !important;}
.plrs24{padding-left:24px !important;padding-right:24px !important;}
.plrs25{padding-left:25px !important;padding-right:25px !important;}
.plrs30{padding-left:30px !important;padding-right:30px !important;}
.plrs50{padding-left:50px !important;padding-right:50px !important;}
.plrs60{padding-left:60px !important;padding-right:60px !important;}
.plrs100{padding-left:100px !important;padding-right:100px !important;}
.plrs130{padding-left:130px !important;padding-right:130px !important;}
.ps0{padding:0 !important;}
.ps15{padding:15px;}
.ps20{padding:20px;}
.ps25{padding:25px;}
.ps30{padding:30px;}
.bolds{font-weight:bold;}
.normals{font-weight:normal !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs26{font-size:26px !important;}
.fs28{font-size:28px !important;}
.fs30{font-size:30px !important;}
.fs32{font-size:32px !important;}
.fs34{font-size:34px !important;}
.fs36{font-size:36px !important;}
.fs40{font-size:40px !important;}
.fs42{font-size:42px !important;}
.ttfus{text-transform:uppercase;}
.ttfcs{text-transform:capitalize;}
.lts1{letter-spacing:-1px;}
.lts2{letter-spacing:-.5px;}
.lhs1{line-height:1.5;}
.lhs2{line-height:1.4;}
.lhs3{line-height:1.3;}
.blackboards1{padding:50px 60px 70px 60px;background-color:#e4e3e5;}
.blackboards1 .paper{min-height:500px;background-color:#fff;position:relative;z-index:2;box-shadow:2px 2px 0 0 rgba(0,0,0,.06);}
.blackboards1 .blank{position:absolute;width:100%;height:100%;top:8px;left:10px;background-color:#fff;box-shadow:2px 2px 0 0 rgba(0,0,0,.06);}
.blackboards1 .paper:before,
.blackboards1 .paper:after{content:'';position:absolute;}
.blackboards1 .paper:after{width:665px;height:20px;left:86px;top:0;background-image:url(/storyImage_renew/common/paper_punch.png);background-repeat:repeat-x;background-position:0 0;}
.blackboards1 .paper:before{width:33px;height:95px;background-image:url(/storyImage_renew/common/clip.png);background-repeat:no-repeat;left:30px;top:-22px;}
.blackboards1 .edge{position:absolute;width:91px;height:91px;right:0;bottom:0;background: url(/storyImage_renew/common/paper_edge.png) no-repeat 0 0;z-index:2;}
.blackboards1 .paper > .inner{padding:75px 30px 60px 30px;}
.boxs1{border-top:2px solid #555555;border-bottom:1px solid #dddddd;  background-color:#f7f7f7;}
.boxs2{border-top:1px solid #000000; background-color:#f3f4f6;}
.boxs3{border-top:1px solid #000000; background-color:#f7f7f7;}
.boxs4{border:1px solid #dddddd;background-color:#f7f7f7; }
.boxs6 > .header{background-color:#a50034;padding-top:25px;padding-bottom:25px;color:#fff;}
.boxs6 > .header > .a-cols4{padding-left:30px;}
.boxs6 > .header > .a-cols8 > .tbls > .tbl-cell{padding-left:20px;border-left:1px solid #b7335d; }
.boxs6 > .header > .a-cols8 > .tbls > .tbl-cell.three{width:228px;}
.boxs6 > .content{background-color:#f4f2f5; }
.boxs6 > .content > .tbls > .tbl-cell{border-left:1px solid #e1dfe2;vertical-align:top;}
.boxs6 > .content > .tbls > .tbl-cell:first-child{border-left:none; }
.boxs6 > .content .box{padding:10px 20px;min-height:250px;}
.boxs6 > .content .box > .heading > .tbl-cell{padding-top:20px;height:55px;border-bottom:1px solid #c3c2c4; }
.boxs6 > .content .box > .cont > .tbls > .tbl-row > .tbl-cell{padding-top:15px; padding-bottom:15px;border-top:1px solid #e8e6e9; }
.boxs6 > .content .box > .cont > .tbls > .tbl-row:first-child > .tbl-cell{border-top:none;}
.boxs7{background-image:url(/storyImage_renew/img/bg_p1.png);padding:6px;}
.boxs7 > .inner{padding:65px 15px;}
.boxs8 .bar{color:#b22652; }
.boxs8 > .tbl-cell{background-color:#f4f2f5;position:relative;}
.boxs8 > .tbl-cell:before{content:'';position:absolute;top:0;left:0;height:100%;width:1px;background-color:#e3e3e4}
.boxs8 > .tbl-cell > .heading{padding:15px;color:#fff;background-color:#a50034;text-align:center;font-size:14px;position:relative;}
.boxs8 > .tbl-cell > .heading:before{content:'';position:absolute;top:0;left:0;height:100%;width:1px;background-color:#b01f4d;}
.boxs8 > .tbl-cell:first-child:before,
.boxs8 > .tbl-cell:first-child > .heading:before{content:none;}
.bdtns{border-top:none !important;}
.bdbns{border-bottom:none !important;}
.bds1{border:1px solid #000 !important;}
.bds2{border:1px solid #dddddd !important;}
.bds3{border:1px solid #d5d5d5 !important;}
.bdws2{border-width:2px !important;}
.bdts1{border-top:1px solid #000000 !important;}
.bdbs1{border-bottom:1px solid #dddddd !important;}
.bdbs2{border-bottom:1px solid #f1f1f1 !important;}
.bdbs3{border-bottom:1px solid #e5e5e5 !important;}
.bdbs4{border-bottom:1px solid #d5d5d5 !important;}
.bdls1{border-left:1px solid #b01f4d !important; }
.bdls2{border-left:1px solid #dddddd !important; }
.bdls3{border-left:1px solid #e6e6e6 !important; }
.bdls4{border-left:1px solid #e4e3e5 !important; }
.bdls5{border-left:1px solid #e5e5e5 !important; }
/* color palette */
.cls1{color:#000000 !important;} 
.cls2{color:#a50034 !important;} /* LG레드 */
.cls3{color:#e5e5e5 !important;} /* Gray90 */
.cls4{color:#999999 !important;} /* Gray60 */
.cls5{color:#555555 !important;} 
.cls6{color:#ffffff !important;} 
.cls7{color:#bbbbbb !important;} 
.cls8{color:#666666 !important;} 
.cls9{color:#2bd372 !important;} /* green */
.cls10{color:#010101 !important;}
.cls11{color:#2a303c !important;}
.cls12{color:#ffa061 !important;}
.cls14{color:#49ae74 !important;}
.cls15{color:#ff5f87 !important;}
.cls16{color:#777777 !important;}
.cls17{color:#57c385 !important;}
.cls19{color:#d9d9d9 !important;}
.bcs1{background-color:#e8e8ec !important;}
.bcs2{background-color:#f7f7f7 !important;}
.bcs3{background-color:#e1e1e6 !important;}
.bcs4{background-color:#dae0e5 !important;}
.bcs5{background-color:#ffdaef !important;}
.bcs6{background-color:#cdddfe !important;}
.bcs8{background-color:#e6ecff !important;}
.bcs9{background-color:#ffffff !important;}
.bcs10{background-color:#a50034 !important;} /* LG RED */
.bcs11{background-color:#f3f3f3 !important;}
.bcs12{background-color:#f4f2f5 !important;}
.bcs13{background-color:#f8f7f9 !important;}
.bcs14{background-color:#939192 !important;}
.graphs1 > .bar{height:20px;background-color:#f0f0f0;width:100%;}
.graphs1 > .bar > .value{width:0;background-color:#89e2af;height:100%;}
input::-webkit-input-placeholder{color:#999999;font-weight:normal;}
input:-moz-placeholder{color:#999999;font-weight:normal;}
input::-moz-placeholder{color:#999999;font-weight:normal;}
input:-ms-input-placeholder{color:#999999;font-weight:normal;}
select.ss1{border:1px solid #cccccc;padding:5px;font-size:13px;color:#000000;height:36px;box-sizing:border-box;background-color:#fff;border-radius:0; }
select.ss2{border:1px solid #d1d1d1;font-size:13px;color:#000000;height:48px;box-sizing:border-box;background-color:#fff;padding:5px 24px;border-radius:24px;-webkit-appearance:button;-moz-appearance:button;appearance:button;background-image:url(/storyImage_renew/common/select_arrow.png);background-position: right 50%;background-repeat:no-repeat;}
input.is1{border:1px solid #d1d1d1;font-size:13px;height:36px; padding-left:7px; box-sizing:border-box;color:#000000;}
input.is2{border:1px solid #d1d1d1;height:50px;padding-left:13px;font-size:14px;color:#000000; background-color:#ffffff;box-sizing:border-box;}
input.is3{border:1px solid #d1d1d1;font-size:13px;height:36px; padding-left:7px; box-sizing:border-box;color:#000000;width:80%;}
input.is4{border:1px solid #d1d1d1;font-size:13px;height:32px; box-sizing:border-box;color:#000000;}
input[type=password]{font-family:'Malgun Gothic','apple sd gothic neo';}
#wrap input[readonly],
#wrap input[disabled],
#wrap select[readonly],
#wrap select[disabled]{background-color:#f4f2f5;color:#999;}
.searchs1{display:inline-block;padding-right:60px;position:relative;background-color:#fff;border:1px solid #d1d1d1;border-radius:24px;box-sizing:border-box;}
.searchs1 .input{border:none transparent;background:none transparent;height:46px;text-indent:19px;font-size:13px;}
.searchs1 .btn{position:absolute;top:0;right:0;height:0;width:60px;padding-top:46px;overflow:hidden;background-image:url(/storyImage_renew/common/icon_magnifier2.png);background-repeat:no-repeat;background-position:50% 50%;}
input.is{ border:none transparent;background:none transparent;box-sizing:border-box;}
span.dates1{display:inline-block;}
.dates1{position:relative;border:1px solid #d1d1d1;}
.dates1 > .btn{position:absolute;right:10px;top:50%; margin-top:-9px; }
.dates1 > .is{height:34px; padding-right:38px;/* width:133px; */text-indent:10px;}
.ts1{border:1px solid #d1d1d1;font-size:13px;padding:10px;box-sizing:border-box;line-height:1.5;}
.cs1{width:15px;height:15px; box-sizing:border-box;}
.rs1{width:18px;height:18px;}
input[type=radio].rs2{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
label.rs2{font-size:14px;display:inline-block;position:relative;}
label.rs2.l{padding-left:25px;}
label.rs2.l:before{content:'';position:absolute;width:17px;height:17px;left:0;top:0;background-image:url(/storyImage_renew/common/bg_radio1.png);background-repeat:no-repeat;background-position:0 0;}
input[type=radio].rs2:checked + label.rs2{color:#000;}
input[type=radio].rs2:checked + label.rs2.l:before{background-position:0 bottom;}
label.rs2.l.bc1{color:#ff3366;font-weight:bold;}
label.rs2.l.bc1:before{ background-image:url(/storyImage_renew/common/radio_bg1.png); background-position:0 0;}
label.rs2.bg1{font-size:16px;color:#000;}
label.rs2.l.bg1:before{width:18px;height:18px;background-image:url(/storyImage_renew/common/radio2.png);background-position:0 0;}
input[type=radio].rs2:checked + label.rs2.l.bg1:before{background-position:0 bottom;}
.fhs{font-size:0 !important;text-indent:111px !important;overflow:hidden;padding:0 !important;}
.files1{position:relative;display:inline-block;  }
.files1 .btn{position:absolute;top:0;right:0;overflow:hidden;width:85px;height:36px;outline:none;
opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;z-index:2;}
.files1 .find{width:85px;}
.files1 .clear{position:absolute;top:50%; right:100px; width:15px;height:0;overflow:hidden;padding-top:15px;margin-top:-7.5px;background-image:url(/storyImage_renew/common/btn_clear.png);background-repeat:no-repeat;background-position:50% 50%;}
/* js selectbox  */
.sbholders{position:relative;vertical-align:middle;z-index:10;text-align:left;background-color:#fff;}
.sbholders > .selected{box-sizing:border-box;display:block;height:36px;line-height:34px;border:1px solid #dddddd;padding-left:15px;padding-right:38px;font-size:13px;color:#000;text-decoration:none;}
.sbholders > .btn{position:absolute;right:0;top:0;width:38px;height:36px;overflow:hidden;text-indent:-1111px;}
.sbholders > .btn:before{content:'';position:absolute;top:50%;left:50%;margin-left:-4px;margin-top:-2px;border-top:4px solid #000;border-left:4px solid transparent;border-right:4px solid transparent;}
.sbholders > .list{position:absolute;z-index:10;background-color:#fff;border-bottom:1px solid #dddddd;padding-top:10px;padding-bottom:10px;
border-left:1px solid #dddddd;border-right:1px solid #dddddd;box-sizing:border-box;}
.sbholders > .list > li > a{ display:block;padding:10px 15px;font-size:13px;color:#000; }
.sbholders > .list > li > a:hover{background-color:#f7f7f7;}
.sbholders.above > .list{bottom:36px;border-bottom:none;border-top:1px solid #dddddd; }
.sbholders.sz50 > .selected{height:50px;line-height:48px;}
.sbholders.sz50 > .btn{height:50px; }
.locations{color:#666666;padding-top:20px;text-align:right; }
.locations > span,
.locations .home > img{vertical-align:middle; }
.locations .entity{margin:0 5px; }
.btns.a{text-align:center;border:1px solid #a1a2a6;background-color:#a1a2a6;padding-left:5px;padding-right:5px;color:#fff; }/* 불이행 버튼 */
.btns.sz25{font-size:13px;height:25px;line-height:23px;width:60px;}
.btns.sz26{font-size:13px;height:26px;line-height:24px;}  /* 도전퀴즈 해설보기 버튼 */
.btns.sz30{font-size:13px;height:30px;line-height:28px;} /* 이벤트 진행 */
.btns.sz32{font-size:13px;height:32px;line-height:30px;} /* 포인트 이관 */
.btns.sz33{font-size:13px;height:33px;line-height:31px;}
.btns.sz34{font-size:13px;height:34px;line-height:32px;}/* LG직원전용서비스 헤더 로그아웃버튼 */
.btns.sz35{font-size:14px;height:35px;line-height:33px;} /* 문의하기 */
.btns.sz36{font-size:13px;height:36px;line-height:34px;}
.btns.sz38{font-size:13px;height:38px;line-height:36px;} /* 메인 자세히보기 */
.btns.sz40{font-size:13px;height:40px;line-height:38px;}
.btns.sz50{font-size:16px;height:50px;line-height:48px;}/* 기본크기 */
.btns.sz55{font-size:16px;height:55px;line-height:53px;}/* 동영상자료실 상세 제품상세정보 버튼 */
.btns.sz1455{font-size:14px;height:55px;line-height:53px;}/* 동영상자료실 상세 제품상세정보 버튼 */
.btns.sz60{font-size:16px;height:60px;line-height:58px;}/* 이벤트 진행중  */
.btns.sz62{font-size:18px;height:62px;line-height:60px;}/* 나의 활동 지수 브론즈  */
.btns.sz78{height:78px;line-height:76px;} /* 제품비교 버튼  */
.btns.bc1{background-color:#a50034;border-color:#a50034;color:#ffffff;} /* 이행버튼 LG 레드 컬러 */
.btns.bc2{background-color:#ffffff;border-color:#dddddd;color:#666666;}  /* 추천하기,문의하가 */
.btns.bc3{background-color:#999a9f;border-color:#999a9f;color:#ffffff;} /* 파일찾기,우편번호,중복확인,매장찾기 */
.btns.bc4{background-color:#a7a7a7;border-color:#a7a7a7;color:#ffffff;} /* 설문조사 종료 */
.btns.bc5{background-color:#ffffff;border-color:#a50034;color:#a50034;} /* 제품정보 list에서 사용되는 버튼, SKT on */
.btns.bc6{background-color:#ffffff;border-color:#d1d1d1;color:#666666;} /* 제품정보 list에서 사용되는 버튼, SKT off */
.btns.bc7{background-color:#f1f1f1;border-color:#f1f1f1;color:#000000;} /* 제품정보 list에서 사용되는 리뷰 버튼 */
.btns.bc8{background-color:#ffffff;border-color:#000000;color:#000000;} /* NOTICE */
.btns.bc9{background-color:#808088;border-color:#808088;color:#ffffff;} /* 검색 버튼 */
.btns.bc10{background-color:#ffffff;border-color:#a1a2a6;color:#000000;} /* 문의하기 */
.btns.bc11{background-color:#ffffff;border-color:#666666; color:#666666; } /* 제품비교 버튼, 포인트 이관 */
.btns.bc12{background-color:#ffa061;border-color:#ffa061;color:#ffffff; } /* 브론즈 아이콘 */
.btns.bc13{background-color:#a5b1c1;border-color:#a5b1c1;color:#ffffff; } /* 실버 아이콘 */
.btns.bc14{background-color:#fcd63a;border-color:#fcd63a;color:#ffffff; } /* 골드 아이콘 */
.btns.bc15{background-color:#ffffff;border-color:#888888;color:#666666; } /* 메인자세히보기 */
.btns.bc16{background-color:#ffffff;border-color:#999999;color:#999999; } /* 설문조사 종료 아이콘 */
.btns.bc17{background-color:#ff3366;border-color:#ff3366;color:#ffffff; } /* 도전퀴즈 해설보기 버튼, hot pink */
.btns.bc21{background-color:#6fc292;border-color:#6fc292;color:#ffffff;} /* BEST */
.btns.bc22{background-color:#fa87a3;border-color:#fa87a3;color:#ffffff;} /* HIT */
.btns.bc23{background-color:#FF0080;border-color:#FF0080;color:#ffffff;} /* HOT PINK */
.rdps100{border-radius:100% !important;}
.rds16{border-radius:16px !important;}
.rds17{border-radius:17px !important;}
.rds19{border-radius:19px !important;}
.rds20{border-radius:20px !important;}
.rds25{border-radius:25px !important;}
.rds30{border-radius:30px !important;}
.grids1 > .tbl-cell{padding-left:25px;padding-right:25px;width:50%;vertical-align:top;word-break: break-all;}
.grids1 .bl{border-left:1px solid #dddddd; }
.titles1{text-align:center;font-size:30px;color:#000; display:inline-block;padding-left:20px;padding-right:20px;position:relative;}
.titles1 > *{ position:relative;z-index:2;display:inline-block;padding-bottom:3px;}
.titles1:after{ content:'';position:absolute;bottom:0;left:0; height:23px;width:100%;background-color:#ffc1d1;border-radius:5px;}
.titles2{font-size:16px;color:#000000;line-height:1.5;padding-left:30px;position:relative;}
.titles2 .icon{color:#a50034;position:absolute;top:0;left:0;}
.titles3{font-size:22px;color:#000;padding-bottom:25px;position:relative;}
.titles3:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-14px;width:28px;height:2px;background-color:#000;}
.imgs{width:inherit;max-width:100%;height:auto;}
.spinners{width:100px;height:100px;position:fixed;left:50%;top:50%;margin-top:-25px;margin-left:-25px;z-index:99; }
.tlfs{table-layout:fixed;}
.tables1{border-collapse:separate;width:100%;border-top:1px solid #000000;}
.tables1 th,
.tables1 td{word-break:break-all;font-size:14px;padding:15px 10px;border-bottom:1px solid #dddddd;vertical-align:middle;text-align:left;}
.tables1 th{ color:#000;background-color:#f4f2f5; font-weight:bold;}
.tables1 tbody th,
.tables1 tbody td{text-align:left;}
.tables1 thead th,
.tables1 thead + tbody th,
.tables1 thead + tbody td{text-align:center;}
.tables1.fs12 th,
.tables1.fs12 td{font-size:12px;}
.tables1.wba th,.tables1.wba td{word-break:break-all;}
.tables1.wbw th,.tables1.wbw td{word-wrap:break-word; }
.tables1.o1 th,
.tables1.o1 td{ border-left:1px solid #dddddd; }
.tables1.o1 th:first-child,
.tables1.o1 td:first-child{border-left:none; }
.tables1 .hover tr:hover th,
.tables1 .hover tr:hover td{background-color:#f6f6f6; }
.t-ptbs10 th,
.t-ptbs10 td{padding-top:10px;padding-bottom:10px;}
.t-ptbs12 th,
.t-ptbs12 td{padding-top:12px;padding-bottom:12px;}
.pagings1{text-align:center; }
.pagings1 .btns{width:30px;background-color:#fff;height:0;overflow:hidden;border:1px solid #dddddd;padding-top:28px;background-image:url(/storyImage_renew/common/btn_first.png);background-repeat:no-repeat;background-position:50% 50%;margin-left:2px;}
.pagings1 .num{margin-left:10px;margin-right:10px;}
.pagings1 .num a,
.pagings1 .num strong{ display:inline-block;box-sizing:border-box;width:30px;height:30px;line-height:28px;font-size:16px;color:#000;}
.pagings1 .num strong{color:#a50034;}
.pagings1 .btns.first{ margin-left:0;}
.pagings1 .btns.prev{background-image:url(/storyImage_renew/common/btn_prev.png);}
.pagings1 .btns.next{background-image:url(/storyImage_renew/common/btn_next.png);}
.pagings1 .btns.last{background-image:url(/storyImage_renew/common/btn_last.png);}
.eventPagings1{text-align:center; }
.eventPagings1 .btns{width:30px;background-color:#fff;height:0;overflow:hidden;border:1px solid #dddddd;padding-top:28px;background-image:url(http://thumb.dl.cdn.cloudn.co.kr/upload/20191229/2020_01_02_112255.png);background-repeat:no-repeat;background-position:50% 50%;margin-left:2px;}
.eventPagings1 .num{margin-left:10px;margin-right:10px;}
.eventPagings1 .num a,
.eventPagings1 .num strong{ display:inline-block;box-sizing:border-box;width:40px;height:30px;line-height:28px;font-size:16px;color:#000;}
.eventPagings1 .num strong{color:#a50034;}
.eventPagings1 .btns.first{ margin-left:0;}
.eventPagings1 .btns.prev{background-image:url(http://thumb.dl.cdn.cloudn.co.kr/upload/20191229/2020_01_02_112342.png);}
.eventPagings1 .btns.next{background-image:url(http://thumb.dl.cdn.cloudn.co.kr/upload/20191229/2020_01_02_112358.png);}
.eventPagings1 .btns.last{background-image:url(http://thumb.dl.cdn.cloudn.co.kr/upload/20191229/2020_01_02_112321.png);}
.lists1{margin-right:-25px;}
.lists1 > li{padding-right:24px;min-height:264px;border-bottom:1px solid #dddddd;margin-bottom:30px;}
.lists1 > li > .a{display:block;color:#000;position:relative;}
.lists1 .img-box{width:100%;height:125px;align-items:center;justify-content:center;overflow:hidden;}
.lists1 .img-box img{width:inherit;max-width:100%;height:auto;}
.lists1 .txt1{font-size:16px;color:#000; font-weight:bold;letter-spacing:-0.5px;margin-top:15px;}
.lists1 .txt3{font-size:16px;color:#000; font-weight:bold;letter-spacing:-0.5px;margin-top:3px;}
.lists1 span.img-box,
.lists1 span.txt1{display:flex;}
.lists1 .txt2{font-size:13px;margin-top:15px;color:#999;} 
.lists1 > li > .a:hover .img-box:before ,
.lists1 > li > .a:hover .img-box:after{content:'';position:absolute;top:0;left:0;width:100%;height:125px; }
.lists1 > li > .a:hover .img-box:before{z-index:1;background-color:black; opacity:0.4;  -moz-opacity:0.4;  filter:alpha(opacity=40);}
.lists1 > li > .a:hover .img-box:after{background-image:url(/storyImage_renew/img/icon_plus.png);background-position:50% 50%;background-repeat:no-repeat;z-index:10;}
/********************************************* 20200303 추가 start*****************************************************/
.lists1 > li.list_new > .a:before{position:absolute;display:block;content:'';left:0;top:0;width:51px;height:24px;background:url(/storyImage_renew/common/icon_new1.png);z-index:5;}/* 20200303 추가 */
.lists1 .list_new .txt1{display:inline-block;position:relative;}/* 20200303 추가 */
.lists1 .list_new .txt1:after{position:absolute;display:block;content:'';right:-37px;top:50%;width:33px;height:14px;background:url(/storyImage_renew/common/icon_new2.png);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}/* 20200303 추가 */
.lists1 > li.list_hot > .a:before{position:absolute;display:block;content:'';left:0;top:0;width:51px;height:24px;background:url(/storyImage_renew/common/icon_hot1.png);z-index:5;}/* 20200303 추가 */
.lists1 .list_hot .txt1{display:inline-block;position:relative;}/* 20200303 추가 */
.lists1 .list_hot .txt1:after{position:absolute;display:block;content:'';right:-37px;top:50%;width:33px;height:14px;background:url(/storyImage_renew/common/icon_hot2.png);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}/* 20200303 추가 */
/********************************************* 20200303 추가 end*****************************************************/
.lists2{width:100%;}
.lists2 .tbl-cell{border-bottom:1px solid #eeeeee;padding:20px 0 20px 20px; vertical-align:middle;}
.lists3{border-top:1px solid #000000;width:100%;}
.lists3 > .tbl-row > .tbl-cell{border-bottom:1px solid #dddddd;vertical-align:middle;padding-top:30px;padding-bottom:30px;}
.lists4{width:100%;table-layout:fixed;border-top:1px solid #000;border-bottom:1px solid #000;border-collapse:separate; }
.lists4 > li{border-left:1px solid #dddddd;text-align:center;vertical-align:middle;}
.lists4 > li:first-child{border-color:#fff; }
.lists4 > li.add{border-color:#fff;}
.lists4 > li > .box{display:block;padding:45px 0; }
.lists4 .tit{font-size:22px;color:#000;font-weight:bold;margin-top:20px;display:block;}
.lists4 .txt{font-size:16px;color:#000;margin-top:10px;display:block;}
.lists5{ border-bottom:1px solid #dddddd; line-height:1.5;}
.lists5 > li > a{position:relative;display:block;padding:17px 50px 17px 20px;font-size:18px;background-color:#f7f7f7;border-top:1px solid #000;color:#000; text-decoration:none;}
.lists5 li .b:after{content:'';position:absolute;right:0;top:50%;background-image:url(/storyImage_renew/img/btn_plus.png);background-repeat:no-repeat;background-position:50% 50%;width:55px;height:50px;margin-top:-25px;}
.lists5 li.on .b:after{background-image:url(/storyImage_renew/img/btn_plus_on.png);}
.lists5 .cont{width:100%;table-layout:fixed;border-collapse:separate;}
.lists5 .cont > div > .tbl-cell{ padding:17px 20px;font-size:14px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;letter-spacing:-1px;}
.lists5 .cont > div > .tbl-cell:first-child{border-left:none;}
.lists6 li{display:inline-block;font-size:16px;}
.lists6 li:before{content:'|';color:#b2b2b2;margin:0 15px;}
.lists6 li:first-child:before{content:none;}
.lists7{text-align:center;}
.lists7 > li{float:left;width:20%;}
.lists7 > li > .inner{padding:40px 15px;}
.lists7 .txt-box1{height:45px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.lists7 .btn-box1{ padding-top:20px;padding-bottom:20px;}
.lists7 .btn-box1 .btns.bc2{color:#666666; }
.lists7 .btn-box1 .btns{margin-left:2px;margin-right:2px;}
.lists7 .btn-box2{padding-top:15px;padding-bottom:15px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:40px;line-height:40px;}
.lists7 span.txt-box1,
.lists7 span.img-box{display:block;position:relative;}
.lists7 .icon{position:absolute;left:0;top:0;height:19px;line-height:19px;width:40px;background-color:#a50034;font-size:10px;color:#fff;}
.lists8{margin-right:-40px;}
.lists8 > li{padding-right:40px; }
.lists8 .stroke{border:1px solid #dfdfdf;width:206px;height:189px;overflow:hidden;}
.lists9{counter-reset: subsection;}
.lists9 > li{padding-right:7px;}
.lists9 > li > .box{background-color:#fff;text-align:center; padding-left:20px;padding-right:20px;}
.lists9 .heading{ padding-top:35px;padding-bottom:25px;border-bottom:1px solid #f0f0f0; }
.lists9 .heading .title{color:#000;}
.lists9 .heading:before{ counter-increment:subsection;content:'0'counter(subsection);display:inline-block;color:#666666;font-size:14px;padding-bottom:5px;border-bottom:1px solid #666666;margin-bottom:15px;}
.lists9 .list a{ font-size:14px;display:block;padding-top:10px;padding-bottom:10px;}
.lists9 .cont{ padding-top:15px;padding-bottom:50px;}
.lists10 > li{border-bottom:1px solid #e9e9e9;height:280px;padding-bottom:30px;position:relative;margin-bottom:30px;}
.lists10 .info{position:absolute;right:20px;bottom:10px;}
.lists11{border-top:1px solid #000000;border-left:1px solid #dddddd;}
.lists11 a.box{display:block; } 
.lists11 .box{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:40px 30px 0 30px;min-height:380px;} 
.lists11 .img{height:110px;overflow:hidden; }
.lists11 .section1{padding-top:25px;height:75px;}
.lists11 .section2{padding-top:15px;height:63px; }
.lists12 > li{border-bottom:1px solid #e9e9e9;height:260px;padding-bottom:30px;position:relative;margin-bottom:30px;}
.lists12 .info{position:absolute;right:20px;bottom:10px;}
p.buls1,
ul.buls1 > li{font-size:13px;color:#666666;line-height:1.5;position:relative;padding-left:12px;word-wrap: break-word;}
p.buls1:before,
ul.buls1 > li:before{content:'';position:absolute;left:0;top:.6em;width:2px;height:2px;background-color:#666666;}
p.buls2,
ul.buls2 > li{font-size:16px;color:#000;padding-left:10px;position:relative;line-height:1.5;}
p.buls2:before,
ul.buls2 > li:before{content:'';width:3px;height:3px;position:absolute;top:.6em;left:0;background-color:#000;}
ul.buls2 > li.bft1:before{top:1em;}
ul.buls3 > li{word-wrap: break-word;font-size:14px;line-height:1.5;position:relative;padding-left:10px;}
ul.buls3 > li:before{content:'';width:4px;height:1px;position:absolute;left:0;top:.6em;background-color:#000;}
p.buls4,
ul.buls4 > li{font-size:13px;color:#666666;position:relative;padding-left:12px;margin-left:15px;word-wrap: break-word;}
p.buls4:before,
ul.buls4 > li:before{content:'';position:absolute;left:0;top:.6em;width:2px;height:2px;background-color:#666666;}
.bftes1:before{top:1.2em !important;}
.tps10{text-indent:-10px;padding-left:10px;}
.tps15{text-indent:-15px;padding-left:15px;}
.tps20{text-indent:-20px;padding-left:20px;}
.tps27{text-indent:-27px;padding-left:27px;}
.dims{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background-color:black;filter:alpha(opacity=60);opacity:.6;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.pops1.ab{ position:absolute; top:50%; left:50%; z-index:70; }
.pops1.fx{position:fixed;top:50%;left:50%;z-index:70;}
.pops1{background-color:#fff;}
.pops1 > .pop-box{box-sizing:border-box; /* padding-left:30px;padding-right:30px; */}
.pops1 > .pop-box > .header{padding-left:30px;padding-right:30px; }
.pops1 > .pop-box > .header > .header-inner{box-sizing:border-box;padding-top:25px;padding-bottom:25px;padding-right:50px;
min-height:80px;border-bottom:3px solid #000;position:relative;}
.pops1 > .pop-box > .header .header-inner:after{content:'';position:absolute;left:0;bottom:-3px;border-bottom:3px solid #a50034;width:130px; }
.pops1 .close{position:absolute;top:0;right:0;}
.pops1 .close a{display:block;width:81px;padding-top:80px;height:0;overflow:hidden;background-image:url(/storyImage_renew/common/btn_close.png);background-repeat:no-repeat;background-position:50% 50%;}
.pops1 .header .title{font-size:24px;color:#000;font-weight:bold;}
.pops1 > .pop-box > .content > .content-inner{padding-left:30px;padding-right:30px;}
.tabs1{width:100%;table-layout:fixed;border-collapse:collapse;}
.tabs1 > li{border-left:2px solid #fff;}
.tabs1 > li:first-child{border-left:none;}
.tabs1 > li > a{display:block;height:58px;line-height:58px;text-align:center;text-decoration:none;font-size:16px;color:#000;letter-spacing:-.5px;border-top:2px solid #f4f2f5;background-color:#f4f2f5;}   
.tabs1 > li.on > a{color:#a50034;border-top-color:#a50034;font-weight:bold;}
.tabs2.js-sticky-tab{width:1200px;position:absolute;top:0;left:50%;margin-left:-600px;}
.tabs2{background-color:#fff;width:100%;table-layout:fixed;}
.tabs2 > li{text-align:center;}
.tabs2 > li > a{display:block;border-left:2px solid #fff;height:65px;line-height:65px;background-color:#e7e7e7;font-size:18px;color:#000;text-decoration:none;}
.tabs2 > li:first-child > a{border-left:none;}
.tabs2 > li.on > a{background-color:#a50034;color:#fff;}
.tabs2 > li.on > .box{display: inherit;}
.tabs2 > li > .box{position:absolute;width:100%;display:none;}
.tabs2 > li .list{ width:100%; table-layout:fixed;background-color:#fff;}
.tabs2 > li .list > li{border-left:3px solid #fff;}
.tabs2 > li .list > li:first-child{border-left:none;}
.tabs2 > li .list > li > a{display:block;height:65px;line-height:65px;border-bottom:1px solid #b2b2b2;font-size:16px;color:#000;text-decoration:none;background-color:#fff;}
.tabs2 > li .list > li.on > a{font-weight:bold;height:64px;line-height:64px;border-bottom-width:2px;border-color:#000;}
.tabs2.sticky{position:fixed;}
.tab-boxs1{position:relative;height:65px;background-color:#fff;z-index:30;}
.tabs3{width:100%;table-layout:fixed;}
.tabs3 > li{position:relative;}
.tabs3 > li > a{position:relative;display:block;text-align:center;
height:60px;line-height:60px;background-color:#f4f2f5;font-size:16px;
color:#000;text-decoration:none;}
.tabs3 > li.on a{background-color:#565457;color:#fff; }
.tabs3 > li.on a:before{content:'';position:absolute;left:50%;bottom:-6px;border-top:6px solid #565457;border-left:6px solid transparent;border-right:6px solid transparent;margin-left:-6px;}
.tabs4 > li > .a{display:block;border:1px solid #e9e9e9;border-top:none;text-decoration:none;font-size:14px;color:#000;vertical-align:middle;padding:20px;}
.tabs4{border-top:1px solid #e9e9e9; }
.tabs4 > li.on > .a{background-color:#d5d5d5;border-color:#d5d5d5;border-top:1px solid #e9e9e9;margin-top:-1px;}
.steps1{margin:0 auto; }
.steps1 > li{width:175px;padding-left:8px;position:relative;}
.steps1 > li:first-child{padding-left:0;}
.steps1 > li:before,
.steps1 > li:after{content:'';position:absolute;top:50%; margin-top:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;}
.steps1 > li:before{left:0;border-left:8px solid #bfbec0;}
.steps1 > li:after{left:-2px;border-left:8px solid #ffffff;}
.steps1 > li:first-child:before{content:none;}
.balloons1{position:absolute;left:0;z-index:10;padding-top:14px;}
.balloons1 > .box{width:205px;border:1px solid #999999;border-radius:3px;line-height:1.5;letter-spacing:-1px;font-size:13px;background-color:#ffffff;box-shadow:4px 4px 0 0 #ebebeb;}
.balloons1 > .box > .inner{padding:15px;max-height:120px;overflow:auto;word-break:break-all;}
.balloons1:before{content:''; position:absolute; left:23px;top:5px;border-bottom:9px solid #999999;border-left:8px solid transparent;border-right:8px solid transparent;}
.balloons1:after{content:''; position:absolute; left:23px;top:6px;border-bottom:9px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;}
.balloons1.left{left:auto;right:0; }
.balloons1.left:before,
.balloons1.left:after{left:auto;right:23px;}
.balloons1.above{ top:-84px;padding-top:0;padding-bottom:14px;} /* up */
.balloons1.above > .box{box-shadow:4px -4px 0 0 #ebebeb;  }
.balloons1.above:before{border-bottom:none;border-top:9px solid #999999;top:auto;bottom:5px;}
.balloons1.above:after{border-bottom:none;border-top:9px solid #ffffff;top:auto;bottom:6px;}
.balloons2{position:absolute;padding-top:7px;}
.balloons2 > .stroke{border:1px solid #d1d1d1;background-color:#fff;}
.balloons2:before,
.balloons2:after{ content:''; position:absolute; right:19px;border-bottom:8px solid #d1d1d1;border-left:8px solid transparent;border-right:8px solid transparent;}
.balloons2:before{top:0;}
.balloons2:after{border-bottom-color:#ffffff; top:1px;}
.groups1{position:relative; }
.groups1 > .column1{float:left;width:620px;}
.groups1 > .column2{float:right;width:280px;}
.groups1 > .column2 > .box1{padding:20px 10px;border-top:2px solid #555555;border-bottom:1px solid #dddddd;}
.groups1 > .column2 > .box2{padding-top:15px;padding-bottom:65px}
.groups1 .product-info{width:100%; }
.groups1 .product-info > .tbl-cell{vertical-align:middle;}
.groups1 .product-info > .one{padding-left:10px;width:66px;}
.groups1 .product-info > .two{padding-left:20px;}
.groups1 .btn-box{position:absolute;bottom:0;right:0;width:280px;}
/* bxslider  */
.sliders .list > li > a{display:block;text-decoration:none; }
.sliders.a .bx-wrapper{position:static;}
.sliders.a .bx-pager{padding-top:0;bottom:45px; }
#wrap .sliders .bx-pager .bx-pager-link{background-color:#ffffff;border:1px solid #afafaf;width:6px;height:6px;
margin:0 4px;border-radius:4px;-webkit-transition:all 300ms ease;-webkit-transition-duration:300ms;-moz-transition:all 300ms ease;transition:all 300ms ease;}
#wrap .sliders .bx-pager .bx-pager-link.active{ background-color:#a50034;border-color:#a50034;width:23px;}
#wrap .bx-wrapper{box-shadow:none;border:none;margin:0; }
.sliders.b .list > li img{margin:0 auto;}
.sliders.b .bx-controls-direction > a{ width:60px;height:60px;background-image:url(/storyImage_renew/common/btn_b_prev.png);background-position:50% 50%;margin-top:-30px;}
.sliders.b .bx-controls-direction > .bx-next{background-image:url(/storyImage_renew/common/btn_b_next.png); }
.sliders.b .bx-pager{position:static;padding-top:20px; }
.sliders.b.o1 .img-box{width:195px;height:134px;overflow:hidden; }
.sliders.b.o1 .bx-controls-direction > a{width:40px;height:40px;background-image:url(/storyImage_renew/common/btn_b_prev1.png);margin-top:0;top:50px;}
.sliders.b.o1 .bx-controls-direction > .bx-prev{ left:-55px;}
.sliders.b.o1 .bx-controls-direction > .bx-next{right:-55px;background-image:url(/storyImage_renew/common/btn_b_next1.png);}
/* main */
.mains1 .video-box{height:177px;overflow:hidden;}
.mains1{padding-top:20px;padding-bottom:50px;}
.mains1 > .column{float:left;width:310px;margin-right:15px;}
.mains1 > .column.four{width:225px;margin-right:0;}
.mains1 > .column > .box{margin-top:15px;box-sizing:border-box;background-color:#fff;}
.mains1 > .column > .box:first-child{margin-top:0;}
.mains1 .box.a{display:block;padding:30px 0 0 30px;height:138px;text-decoration:none;}
.mains1 .box.a .tit{ font-size:22px;font-weight:bold;color:#222;margin-bottom:10px;}
.mains1 .box.a .txt{ font-size:14px; line-height:1.4;color:#4c4c4c;}
.mains1 .h318{height:318px;box-sizing:border-box;}
.mains1 .h255{height:255px;box-sizing:border-box;}
.mains1 .h291{height:291px;box-sizing:border-box;}
.mains1 .box.b{position:relative;}
.mains1 .box.b .sliders .bx-pager{width:250px; }
.mains1 .box.b .section{padding:30px 30px 0;text-align:center;}
.mains1 .box.b .tit{font-size:14px;display:inline-block;padding-bottom:8px;border-bottom:1px solid #555555;margin-bottom:35px;color:#000;margin-bottom:35px;}
.mains1 .box.b .txt1{font-size:22px;color:#000;line-height:1.3;font-weight:bold;}
.mains1 .box.b .txt2{font-size:14px;line-height:1.5; margin-top:20px}
.mains1 .box.b .btn-box{position:absolute;left:0;bottom:30px;width:100%;text-align:center; }
.mains1 .user-information .section1{background-color:#2a303c; }
.mains1 .user-information .membership{padding:40px 0 10px 0;height:216px;box-sizing:border-box;text-align:center;color:#e5e7ee;}
.mains1 .user-information .membership .level{ margin:0 auto; width:58px;height:58px;border-radius:100%; line-height:58px;text-align:center;font-size:16px;font-weight:bold;
border:1px solid #897c40;color:#e7c844;}
.mains1 .user-information .membership .level.gold{border-color:#897c40;color:#e7c844;}
.mains1 .user-information .membership .level.normal{border-color:#538871;color:#7cdfa6;}
.mains1 .user-information .membership .level.bronze{border-color:#886552;color:#e59a68;}
.mains1 .user-information .membership .level.silver{border-color:#737a86;color:#bcc4d0;}
.mains1 .user-information .membership .txt1{font-size:22px;margin-top:17px;color:#e5e7ee;}
.mains1 .user-information .membership .txt2{font-size:14px;margin-top:10px; color:#888c95;}
.mains1 .user-information .section1 .list{width:100%;}
.mains1 .user-information .section1 .list .th,
.mains1 .user-information .section1 .list .td{height:50px;vertical-align:middle;border-top:1px solid #404550; }
.mains1 .user-information .section1 .list .th{padding-left:20px;width:60px;font-size:14px;color:#6a6f77;}
.mains1 .user-information .section1 .list .td{padding-right:20px;color:#ff3366;text-align:right;}
.mains1 .user-information .section1 .list .td .num{font-size:16px;vertical-align:middle; }
.mains1 .user-information .section2{height:291px;overflow:hidden;margin-top:15px;}
.mains1 .shortcut{border-top:1px solid #cfcfcf;background-color:#fff; }
.mains1 .shortcut a{display:block;height:60px;line-height:60px;font-size:16px;color:#ff3366;text-align:center;text-decoration:none;}
.mains1 .box.c{height:80px;padding-top:10px;padding-bottom:10px;}
.mains1 .box.c .list li{border-left:1px solid #d8d8d8;text-align:center;}
.mains1 .box.c .list li:first-child{border-color:transparent;}
.mains1 .box.c .list li a{display:block; height:60px;text-decoration:none;}
.mains1 .box.c .icon{display:block;height:35px;box-sizing:border-box;}
.mains1 .box.c .txt{font-size:14px;color:#000; }
.mains1 .box.c .icon{padding-top:5px; }

#sktCounter { border-radius: 0.5em; padding: 0 .5em 0 .5em; font-size: 0.75em;}
#ktCounter { border-radius: 0.5em; padding: 0 .5em 0 .5em; font-size: 0.75em;}
#lguCounter { border-radius: 0.5em; padding: 0 .5em 0 .5em; font-size: 0.75em;}



/* 2018.02.11 신윤식 추가 */
.ul-list>li{margin-top:15px;}
.ul-list>li:first-child{margin-top:0;}
.ul-list>li>a{font-size:14px; line-height:1.4; color:#4c4c4c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block;max-width: 85%;vertical-align: middle}
.ul-list>li>span{color:#a50034;display: inline-block;vertical-align: middle}

.tables1 th .list_sort{color:#000 !important; display:inline-block; background:url(/storyImage/scommon/list_sort_down.png) no-repeat 100% 60%; padding-right:15px;}
.tables1 th .list_sort.list_up{background-image:url(/storyImage/scommon/list_sort_up.png);}

.tables1 td{position:relative;}
.tables1 td .shop_info{border:1px solid #000; width:220px; background-color:#fff; position:absolute; top:40px; left:0; z-index:9; padding:20px 15px; box-shadow:3px 3px 0px 0px #bfbfbf; display:none;}
.tables1 td .shop_info>.tit{font-size:14px; color:#000; margin-bottom:10px;}
.tables1 td .shop_info>.id{color:#666; margin-bottom:10px;}
.tables1 td .shop_info>.btn{display:block; height:37px; line-height:37px; text-align:center; color:#fff; background-color:#bbbbbb; font-size:14px;}
.tables1 td span.notice{color:#b60a53;}
.tables1 td span.best{color:#ff914e;}

/*게시물 리스트 말줄임 스타일*/
.tables1 td a.cls1 {display: inline-block;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;vertical-align: middle;}
.tables1 td span.cls2 {display: inline-block;vertical-align: middle;}

.div-list>strong{
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-bottom: 25px;
  color: #000;
}
.div-list>span{
  display: block;
  color: #9d9d9d;
  font-size: 11px;
}
.mains1 .video-play>.btns{
  position: relative;
}
.mains1 .video-play>.btns:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/storyImage_renew/common/btn_movieStart.png') no-repeat;
}
.mains1 .video-play>.btns:before{
  content: '';
  background-color: #000;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mains1>.column >.box.b>.link1{
  position: absolute;
  top: 63px;
  left: 20px;
  width: 70px;
  height: 15px;
}
.mains1>.column >.box.b>.link1>img{
  width: 100%;
  height: 100%;
}
.mains1>.column >.box.b>.link2{
  position: absolute;
  top: 63px;
  left: 123px;
  width: 86px;
  height: 15px;
}
.mains1>.column >.box.b>.link2>img{
  width: 100%;
  height: 100%;
}

.tables1 td span.ellipsis1 {
	width:450px;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal !important;
	display: block;
}



/* 2020.08.12 민승우 추가 */
.recommendation_evt_banner{position:relative;width:940px;height:90px;background:url(/storyImage_renew/img/img_evt_banner.png) center center no-repeat;}
.recommendation_evt_banner dl dt{position:absolute;left:50px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}/* 20200923 수정 */
.recommendation_evt_banner dl dt .tit{display:block;font-size:20px;color:#ffffff;font-weight:bold;letter-spacing:-3px;}/* 20200923 수정 */
.recommendation_evt_banner dl dt .sub{font-size:16px;color:#ffffff;}
.recommendation_evt_banner dl dd{position:absolute;left:245px;top:50%;font-size:14px;line-height:1.5;color:#ffffff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}/* 20200923 수정 */
.recommendation_evt_banner_go{position:absolute;display:block;width:130px;height:40px;right:30px;top:25px;}
.recommendation_record_wrap{padding:50px;margin-top:10px;background:#f8f7f9;}
.recommendation_record_wrap:after{display:block;content:'';clear:both;}
.recommendation_record_wrap .left_cont{float:left;width:300px;}
.recommendation_record_wrap .right_cont{position:relative;float:right;width:500px;max-height:660px;overflow:auto;}
.calendar_wrap{background:#ffffff;}
.calendar_wrap .calendar_tit{font-size:18px;color:#ffffff;font-weight:bold;text-align:center;line-height:44px;background:#a50034;}
#datepicker .ui-widget.ui-widget-content{width:300px;border:0;box-sizing:border-box;}
.calendar_wrap .ui-datepicker .ui-datepicker-prev, .calendar_wrap .ui-datepicker .ui-datepicker-next{top:0;z-index:5;border:0 !important;background:none !important;cursor:pointer;}
.calendar_wrap .ui-datepicker .ui-datepicker-prev{left:70px;}
.calendar_wrap .ui-datepicker .ui-datepicker-next{right:70px;}
.calendar_wrap .ui-datepicker .ui-datepicker-prev:hover, .calendar_wrap .ui-datepicker .ui-datepicker-next:hover{}
.calendar_wrap .ui-datepicker .ui-datepicker-prev:before, .calendar_wrap .ui-datepicker .ui-datepicker-next:before{position:absolute;content:'';left:50%;top:50%;width:8px;height:8px;border-left:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;}
.calendar_wrap .ui-datepicker .ui-datepicker-prev:before{transform:rotate(45deg) translate(-50%, -20%);}
.calendar_wrap .ui-datepicker .ui-datepicker-next:before{transform:rotate(225deg) translate(100%, -30%);}
.calendar_wrap thead th span{font-size:14px;}
.calendar_wrap .ui-state-default, .calendar_wrap .ui-widget-content .ui-state-default, .calendar_wrap .ui-widget-header .ui-state-default, .calendar_wrap .ui-button, html .calendar_wrap .ui-button.ui-state-disabled:hover, html .calendar_wrap .ui-button.ui-state-disabled:active{width:22px;height:22px;color:#484848;font-size:14px;line-height:22px;padding:0;margin:0 auto;border:0;border-radius:50%;text-align:center;background:transparent;}
.calendar_wrap .ui-state-active, .calendar_wrap .ui-widget-content .ui-state-active, .calendar_wrap .ui-widget-header .ui-state-active, .calendar_wrap a.ui-button:active, .calendar_wrap .ui-button:active, .calendar_wrap .ui-button.ui-state-active:hover{color:#484848;/*background:#a50034;*/background:transparent;}
.calendar_wrap .ui-state-active{color:#484848;}
/* .calendar_wrap .active_day{color:#ffffff !important;background:#a50034 !important;} */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:0;background:transparent;}
.calendar_wrap .ui-state-highlight .ui-state-default, .calendar_wrap .ui-widget-content .ui-state-highlight .ui-state-default, .calendar_wrap .ui-widget-header .ui-state-highlight .ui-state-default{color:#ffffff !important;background:#a50034 !important;}
.calendar_wrap .ui-datepicker td{padding:4px;}
.calendar_wrap .ui-widget-header{margin:20px 0 10px;border:0;background:transparent;}
.calendar_wrap .ui-datepicker .ui-datepicker-title{position:relative;font-size:0px;}
.calendar_wrap .ui-datepicker .ui-datepicker-title select{position:relative;width:70px;padding-right:22px;border:0;font-size:16px;font-weight:600;vertical-align:middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:url(/storyImage_renew/img/bg_sel_arrow.png) right 5px center no-repeat;z-index:3;}
.calendar_wrap .ui-datepicker .ui-datepicker-title select::-ms-expand{display:none}
.calendar_wrap .ui-datepicker .ui-datepicker-title:after{position:absolute;display:block;left:135px;top:0;width:20px;height:20px;content:'년';font-size:16px;line-height:20px;color:#000000;z-index:1}
.calendar_wrap .ui-datepicker .ui-datepicker-title .ui-datepicker-month{font-size:16px;vertical-align:middle;}
.regiDay a{color:#ffffff !important;background:#a50034 !important;}
.calendar_wrap .ui-datepicker .ui-datepicker-prev span, .calendar_wrap .ui-datepicker .ui-datepicker-next span{display:none;}
/* .calendar_wrap .ui-datepicker-today .ui-state-active{color:#ffffff;} */
.record_result_wrap{margin-top:20px;}
.record_result_sel{display:flex;}
.radio_record_result_set{position:relative;flex:1 1 auto;width:50%;}
.radio_record_result_set input[type="radio"]{position:absolute;top:0px;left:0px;z-index:-1;width:1px;height:1px;opacity:0.01;}
.radio_record_result_set input[type="radio"] + .cont_txt{display:block;border:1px solid #d1d1d1;font-size:14px;line-height:34px;color:#333333;text-align:center;background:#ffffff;}
.radio_record_result_set input[type="radio"]:checked + .cont_txt{border-color:#a50034;color:#a50034;}
.record_result_sch{margin-bottom:20px;}
.record_result_sch select{width:160px;padding:9px;border:1px solid #cccccc;font-size:14px;line-height:34px;color:#232323;}
.record_result_calc{padding:30px;margin-top:5px;background:#ffffff;}
.record_result_calc ul{}
.record_result_calc ul li + li{margin-top:15px;}
.record_result_calc ul li:after{display:block;content:'';clear:both;}
.record_result_calc .result_tit{float:left;font-size:16px;color:#000000;font-weight:bold;}
.record_result_calc .result_txt{float:right;font-size:16px;color:#484848;}
.record_result_calc ul li.result_point{padding-top:15px;border-top:2px solid #bfbfbf;}
.record_result_calc ul li.result_point .result_tit{color:#a50034;}
.record_result_calc ul li.result_point .result_txt{color:#a50034;font-weight:bold;}
.cls20{color:#3f97d5 !important;}

.svg-item {position:relative;width:74px;height:74px;font-size: 16px;margin: 0 auto;}
.donut-ring {stroke:#cecece;}/* 20200923 수정 */
.per100 .donut-ring {stroke: #a50034;}
.donut-segment-2 {transform-origin: center;stroke: #a50034;}/* 20200923 수정 */
.segment-2{fill:#cecece;}
.donut-label {font-size: 0.28em;font-weight: 700;line-height: 1;fill: #000;transform: translateY(0.25em);}
.donut-percent {font-size: 0.5em;line-height: 1;transform: translateY(0.5em);font-weight: bold;}
.donut-data {font-size: 0.12em;line-height: 1;transform: translateY(0.5em);text-align: center;text-anchor: middle;color:#666;fill: #666;}

.donut_icon{position:absolute;left:12px;top:12px;width:50px;height:50px;border-radius:50%;}
#donut1 .donut_icon{background:url(/storyImage_renew/img/icon_donut1.png) center center no-repeat;background-size:100% 100%;}
#donut2 .donut_icon{background:url(/storyImage_renew/img/icon_donut2.png) center center no-repeat;background-size:100% 100%;}
#donut3 .donut_icon{background:url(/storyImage_renew/img/icon_donut3.png) center center no-repeat;background-size:100% 100%;}
#donut4 .donut_icon{background:url(/storyImage_renew/img/icon_donut4.png) center center no-repeat;background-size:100% 100%;}

.btn_coupon.bc1{padding-right:15px;border-color:#a50034;background:url(/storyImage_renew/img/ico_coupon.png) #a50034 left 95px center no-repeat;}
.btn_coupon.bc3{padding-right:15px;border-color:##999a9f;background:url(/storyImage_renew/img/ico_coupon.png) #999a9f left 83px center no-repeat;}/* 20200923 수정 */

.ws470{width:470px !important;}

/* 2020.09.10 민승우 추가 */

.user-information_renew .membership{height:113px;text-align:center;color:#ffffff;background:#ae1b49;}
.user-information_renew .membership .memberId{margin-top:7px;font-size:14px;}/* 20200928 수정 */
.user-information_renew .membership .memberName{padding-top:25px;font-size:20px;}/* 20200928 수정 */
.user-information_renew .membership .memberName span{font-weight:600;}/* 20200928 추가 */
.user-information_renew .membership .memberType{font-size:14px;}
.user-information_renew .check_coupon{padding:15px 20px;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-bottom:1px solid #e8e8ec;background:#ffffff;}
.user-information_renew .check_coupon li{position:relative;padding-left:30px;font-weight:600;}
.user-information_renew .check_coupon li:before{position:absolute;left:0;top:50%;width:23px;height:23px;content:'';-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.user-information_renew .check_coupon li:nth-child(1):before{background:url(/storyImage_renew/img/ico_main_coupon.png);}
.user-information_renew .check_coupon li:nth-child(2):before{background:url(/storyImage_renew/img/ico_main_coupon_remove.png);}
.user-information_renew .check_coupon li:after{display:block;content:'';clear:both;}
.user-information_renew .check_coupon li + li{margin-top:10px;}
.user-information_renew .check_coupon .coupon_tit{float:left;font-size:14px;line-height:23px;color:#000000;}
.user-information_renew .check_coupon .coupon_count{float:right;font-size:14px;line-height:23px;color:#000000;}
.user-information_renew .check_coupon .coupon_count span{font-size:18px;font-weight:800;}
.user-information_renew .check_coupon li:nth-child(1) .coupon_count span{color:#dc284c;}
.user-information_renew .check_coupon li:nth-child(2) .coupon_count span{color:#ffc87e;}
.user-information_renew .link1{position:absolute;left:20px;top:50px;width:90px;height:40px;}
.user-information_renew .link2{position:absolute;right:20px;top:50px;width:90px;height:40px;}
.user-information_renew .etc_list{position:relative;border-top:1px solid #e8e8ec;}
.user-information_renew .etc_list li{position:relative;}
.user-information_renew .etc_list li:before{position:absolute;content:'';right:0;top:-1px;width:5px;height:1px;background:#ffffff;}
.user-information_renew .etc_list li:after{position:absolute;content:'';left:0;top:-1px;width:5px;height:1px;background:#ffffff;}


.check_point_box{padding:0;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;border-top:1px solid #e8e8ec;background:#ffffff;}
.check_point_box .main_go_page{position:relative;display:block;height:50px;padding-left:20px;font-size:16px;line-height:50px;color:#a50034;}
.check_point_box .main_go_page:after{position:absolute;display:block;content:'';right:20px;top:20px;width:8px;height:8px;border-top:1px solid #a50034;border-right:1px solid #a50034;transform:rotate(45deg);}
.check_point_box ul{padding:0 27px 20px 20px;}
.check_point_box ul li + li{margin-top:6px;}
.check_point_box ul li{height:60px;}
.check_point_box ul li .point_tit{display:block;font-size:14px;line-height:24px;color:#222222;}
.check_point_box ul li .point_bar_wrap{display:block;position:relative;height:4px;margin-top:10px;border-radius:4px;background:#eeeeee;}
/* .check_point_box ul li.done_coupon .point_bar_wrap{border-radius:0 18px 18px 0;} */
.check_point_box ul li .point_bar_wrap .pointer_bar{position:absolute;display:block;left:0;top:50%;height:6px;width:0;border-radius:6px;z-index:5;transition-duration: 1s;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.check_point_box ul li:nth-child(1) .point_bar_wrap .pointer_bar{background:#ef1428;}
.check_point_box ul li:nth-child(2) .point_bar_wrap .pointer_bar{background:#618af1;}
.check_point_box ul li:nth-child(3) .point_bar_wrap .pointer_bar{background:#ff9c00;}
.check_point_box ul li:nth-child(4) .point_bar_wrap .pointer_bar{background:#ae1b49;}
.check_point_box ul li .point_bar_wrap .pointer_bar:before{position:absolute;content:'';right:-7px;top:50%;width:6px;height:6px;border:4px solid;border-radius:50%;background:#ffffff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.check_point_box ul li:nth-child(1) .point_bar_wrap .pointer_bar:before{border-color:#ef1428;}
.check_point_box ul li:nth-child(2) .point_bar_wrap .pointer_bar:before{border-color:#618af1;}
.check_point_box ul li:nth-child(3) .point_bar_wrap .pointer_bar:before{border-color:#ff9c00;}
.check_point_box ul li:nth-child(4) .point_bar_wrap .pointer_bar:before{border-color:#ae1b49;}
.check_point_box ul li.done_coupon .point_bar_wrap .pointer_bar{right:0;border-radius:0 18px 18px 0;}/* 20200924 수정 */
.check_point_box ul li .point_bar_wrap .check_txt_wrap{position:absolute;right:0px;top:12px;font-size:12px;line-height:18px;z-index:8;}
.check_point_box ul li.done_coupon .point_bar_wrap .check_txt_wrap{}
.check_point_box ul li .point_bar_wrap .check_txt_wrap .myPoint{color:#d00054;font-weight:bold;}
.check_point_box ul li .point_bar_wrap .check_txt_wrap .checkPoint{color:#929292;}
.check_point_box ul li .point_bar_wrap .btn_down_coupon{display:none;position:absolute;width:54px;height:24px;right:-7px;top:50%;padding-right:14px;border:0;border-radius:24px;font-size:12px;color:#ffffff;z-index:10;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.check_point_box ul li.done_coupon .point_bar_wrap .btn_down_coupon{display:block;cursor:pointer;}
.check_point_box ul li:nth-child(1) .point_bar_wrap .btn_down_coupon{background:#ef1428;}
.check_point_box ul li:nth-child(2) .point_bar_wrap .btn_down_coupon{background:#618af1;}
.check_point_box ul li:nth-child(3) .point_bar_wrap .btn_down_coupon{background:#ff9c00;}
.check_point_box ul li:nth-child(4) .point_bar_wrap .btn_down_coupon{background:#ae1b49;}
.check_point_box ul li .point_bar_wrap .btn_down_coupon:before{position:absolute;right:8px;top:50%;width:8px;height:8px;content:'';background:url(/storyImage_renew/img/ico_coupon_down.png) center center no-repeat;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.btn_daly_check{position:relative;font-size:12px;line-height:24px;}
.btn_daly_check:after{position:absolute;content:'';right:20px;top:9px;width:6px;height:6px;border-right:1px solid #ffffff;border-top:1px solid #ffffff;transform:rotate(45deg);}
.mains1 .user-information .section1 .list .th{font-size:13px;}
.mains1 .user-information .section1 .list .td{padding-right:10px;}
.user-information .main_go_page{position:relative;display:block;height:50px;padding-left:20px;border-top:1px solid #404550;font-size:13px;line-height:50px;color:#6a6f77;}
.user-information .main_go_page:after{position:absolute;display:block;content:'';right:20px;top:20px;width:8px;height:8px;border-top:1px solid #6a6f77;border-right:1px solid #6a6f77;transform:rotate(45deg);}
#popDailyCheck{width:773px;}
#popDailyCheck1, #popDailyCheck2{width:430px;}
#popDailyCheck1 .check_tit, #popDailyCheck2 .check_tit{margin-top:30px;font-size:24px;color:#000000;font-weight:600;text-align:center;}
#popDailyCheck1 .check_txt, #popDailyCheck2 .check_txt{margin-top:15px;font-size:16px;color:#000000;text-align:center;}

/* 20200914 추가 */
.daily_check_wrap{width:715px;}
.daily_check_wrap .daily_check_head{height:73px;width:100%;padding:24px 30px;color:#ffffff;background:#a50034;box-sizing:border-box;}
.daily_check_wrap .daily_check_head:after{display:block;content:'';clear:both;}
.daily_check_wrap .daily_check_head p{float:left;font-size:14px;line-height:25px;letter-spacing:-1px;}
.daily_check_wrap .daily_check_head .attend_top{float:right;height:73px;}
.daily_check_wrap .daily_check_head .attend_top .attend_today{position:relative;display:inline-block;height:20px;width:20px;padding-top:4px;margin-top:4px;border:1px solid #ffffff;box-sizing:border-box;font-size:11px;line-height:14px;text-align:center;vertical-align:middle;}
.daily_check_wrap .daily_check_head .attend_top .attend_today:before{position:absolute;display:block;display:block;content:'';left:0;top:4px;right:0;height:1px;background:#ffffff;}
.daily_check_wrap .daily_check_head .attend_top .attend_txt{display:inline-block;margin-left:8px;font-size:17px;vertical-align:middle;}
.daily_check_wrap .daily_check_head .attend_top .attend_txt .check_count{font-size:22px;line-height:25px;font-weight:700;}

#attendCalendar{border-left:1px solid #efefef;border-right:1px solid #efefef;}
#attendCalendar .ui-widget.ui-widget-content{width:100%;border:0;padding:0;margin:0;box-sizing:border-box;}
.attend_calendar_wrap .ui-datepicker .ui-datepicker-prev, .attend_calendar_wrap .ui-datepicker .ui-datepicker-next{top:0;z-index:5;border:0 !important;background:none !important;cursor:pointer;}
#attendCalendar .ui-datepicker .ui-datepicker-prev{top:18px;left:260px;}/* 20200917 수정 */
#attendCalendar .ui-datepicker .ui-datepicker-next{top:18px;right:265px;}/* 20200917 수정 */
#attendCalendar .ui-datepicker .ui-datepicker-prev:hover, #attendCalendar .ui-datepicker .ui-datepicker-next:hover{}
#attendCalendar .ui-datepicker .ui-datepicker-prev:before, #attendCalendar .ui-datepicker .ui-datepicker-next:before{position:absolute;content:'';left:50%;top:50%;width:8px;height:8px;border-left:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;}
#attendCalendar .ui-datepicker .ui-datepicker-prev:before{transform:rotate(45deg) translate(-50%, -20%);}
#attendCalendar .ui-datepicker .ui-datepicker-next:before{transform:rotate(225deg) translate(100%, -30%);}
#attendCalendar .ui-widget-header{height:58px;padding:20px 0;margin:0px;border:0;background:transparent;box-sizing:border-box;}
#attendCalendar .ui-datepicker .ui-datepicker-title{position:relative;width:150px;margin:0 auto;font-size:0px;}
#attendCalendar .ui-datepicker .ui-datepicker-title select{position:relative;width:70px;padding-right:22px;border:0;font-size:16px;font-weight:600;vertical-align:middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:url(/storyImage_renew/img/bg_sel_arrow.png) right 5px center no-repeat;z-index:3;}
#attendCalendar .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{width:70px;}/* 20200917 수정 */
#attendCalendar .ui-datepicker .ui-datepicker-title select.ui-datepicker-month{width:50px;}/* 20200917 추가 */
#attendCalendar .ui-datepicker .ui-datepicker-title select::-ms-expand{display:none}
#attendCalendar .ui-datepicker .ui-datepicker-title:before{position:absolute;display:block;left:29%;top:0;width:20px;height:20px;content:'년';font-size:16px;line-height:20px;color:#000000;z-index:1}/* 20200917 추가 */
#attendCalendar .ui-datepicker .ui-datepicker-title:after{position:absolute;display:block;left:74%;top:0;width:20px;height:20px;content:'월';font-size:16px;line-height:20px;color:#000000;z-index:1}/* 20200917 추가 */
#attendCalendar .ui-datepicker .ui-datepicker-title .ui-datepicker-month{margin-left:20px;font-size:16px;vertical-align:middle;}
#attendCalendar .ui-datepicker .ui-datepicker-prev span, #attendCalendar .ui-datepicker .ui-datepicker-next span{display:none;}
#attendCalendar .ui-datepicker-calendar{table-layout:fixed;margin:0;}
#attendCalendar .ui-datepicker-calendar thead th{height:46px;padding:0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
#attendCalendar .ui-datepicker-calendar thead th + th{border-left:1px solid #efefef;}
#attendCalendar .ui-datepicker-calendar thead th span{display:inline-block;font-size:14px;line-height:46px;font-weight:400;}
#attendCalendar .ui-datepicker-calendar thead th:nth-child(1) span{color:#a50034;}
#attendCalendar .ui-datepicker-calendar thead th:nth-child(7) span{color:#3f97d5;}
#attendCalendar .ui-datepicker-calendar tbody td{height:100px;border-bottom:1px solid #efefef;text-align:left;}
#attendCalendar .ui-datepicker-calendar tbody td a{display:inline-block;padding:10px;border:0;color:#666666;font-size:16px;background:transparent;}/* 20200923 수정 */
#attendCalendar .ui-datepicker-calendar tbody td:nth-child(1) a{color:#a50034;} /* 20200923 수정 */
#attendCalendar .ui-datepicker-calendar tbody td:nth-child(7) a{color:#3f97d5;}/* 20200923 수정 */
#attendCalendar .ui-datepicker-calendar tbody td + td{border-left:1px solid #efefef;}
#attendCalendar .ui-datepicker-calendar tbody td.ui-datepicker-today{background:url(/storyImage_renew/img/bg_attend_today.png) center center no-repeat;}
#attendCalendar .ui-datepicker-calendar tbody td.attend_checked{background:url(/storyImage_renew/img/bg_attend_checked.png) center center no-repeat;}

/* 20200923 추가 */
.note_notice_wrap{position:relative;padding:25px 0 25px 120px;background:#f7f7f7;}
.note_notice_wrap:before{position:absolute;left:29px;top:25px;width:62px;height:73px;content:'';background:url(/storyImage_renew/img/ico_note.png) center center no-repeat;background-size:100% 100%;}
.note_notice_wrap h2{font-size:16px;color:#000000;}
.note_notice_wrap ul{margin-top:10px;}
.note_notice_wrap ul li{position:relative;padding-left:12px;font-size:14px;line-height:20px;color:#666666;}
.note_notice_wrap ul li:before{position:absolute;width:2px;height:2px;left:0;top:9px;content:'';background:#666666;}

/* 20200924 추가 사이트개편안내 */
#repairWrap{display:table;width:100%;height:100%;background:url(/storyImage_renew/img/bg_repair.png) center center no-repeat;background-size:cover;}
#repairWrap .repair_cont{display:table-cell;width:750px;height:640px;vertical-align:middle;}
#repairWrap .repair_cont .repair_head{width:750px;height:80px;margin:0 auto;text-align:center;background:#a50034;}
#repairWrap .repair_cont .repair_head .h1_repair{position:relative;display:inline-block;font-size:32px;line-height:80px;color:#ffffff;font-weight:600;}
#repairWrap .repair_cont .repair_head .h1_repair:before{position:absolute;display:block;content:'';left:-65px;top:50%;width:31px;height:32px;background:url(/storyImage_renew/img/ico_repair_tit.png);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#repairWrap .repair_cont .repair_head .h1_repair:after{position:absolute;display:block;content:'';right:-65px;top:50%;width:31px;height:32px;background:url(/storyImage_renew/img/ico_repair_tit.png);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#repairWrap .repair_cont .repair_body{width:750px;height:560px;padding-top:285px;margin:0 auto;background:url(/storyImage_renew/img/bg_repair_cont.png) #ffffff center 35px no-repeat;box-sizing:border-box;}
#repairWrap .repair_cont .repair_body .repair_txt{font-size:22px;color:#333333;font-weight:600;text-align:center;letter-spacing:-1px;}
#repairWrap .repair_cont .repair_body .repair_sub_txt{margin-top:10px;font-size:16px;line-height:26px;color:#666666;font-weight:600;text-align:center;letter-spacing:-1.5px;}
#repairWrap .repair_cont .repair_body .repair_notice{width:650px;height:92px;margin:20px auto;color:#a30736;background:#f5f5f5;}
#repairWrap .repair_cont .repair_body .repair_notice dt{padding-top:25px;font-size:19px;font-weight:600;text-align:center;}
#repairWrap .repair_cont .repair_body .repair_notice dd{margin-top:5px;font-size:17px;font-weight:600;text-align:center;}
#repairWrap .repair_cont .repair_body .repair_comment{font-size:14px;font-weight:600;text-align:center;color:#848484;}
.cls20{color:#0042ed !important;} /* blue */

/* 20201005 사용설명서 */
.tit_use_guide{position:relative;width:100%;height:60px;margin-bottom:30px;text-align:center;font-size:16px;line-height:60px;color:#ffffff;background:#565457;}	
.tit_use_guide:after{position:absolute;display:block;left:50%;top:100%;border-top:6px solid #565457;border-left:6px solid transparent;border-right:6px solid transparent;content:'';-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.btn_go_faq{display:block;width:100%;height:50px;margin-top:20px;font-size:14px;color:#ffffff !important;line-height:50px;text-align:center;background:#2a303c;}