@charset "utf-8";
@import "/static/css/fonts.css";

html,body{position:relative;margin:0;padding:0}
body{background:#fff;font-size:14px;line-height:20px;font-family:'notoSans','돋움',Dotum,AppleGothic,sans-serif;color:#555}
div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,p,a,iframe,span,img,input,table,th,td,figure,figcaption,button{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:12px}
ol,ul{list-style:none}
fieldset{border:none}
legend{display:none}
img{border:0;vertical-align:middle}
em{font-style:normal}
table,th,td{border-collapse:collapse}
input,select,textarea,input.button,input.check,input.radio{margin:0;padding:0;font-size:14px;line-height:20px;vertical-align:middle;color:#333}
select{height:29px;border:1px solid #c7ccd3;line-height:29px;text-indent:10px}
input{margin:0;padding:0}
input[type=file]{height:25px}
input[type=text]{width:195px;height:29px;padding:0;line-height:29px;text-indent:10px}
input[type=radio]{margin-top:-2px;vertical-align:middle}
input[type=checkbox]{margin-top:-2px;vertical-align:middle}
input[type=button]{height:23px;margin-left:2px;padding:0 10px;cursor:pointer}
input[type=text],textarea{width:100%;border:1px solid #c7ccd3;box-sizing:border-box}
input,select,button{vertical-align:middle}

em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{cursor:pointer}
a:link,a:visited,a:hover,a:active{text-decoration:none}
table{width:100%}
table caption{font-size:0;height:0;padding:0;margin:0}
button,button:focus,button:active{border:0;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:0}
button{position:relative}
button>span{display:inline-block;width:100%;overflow:hidden;position:absolute;top:0;left:0}

#skipnavigation{position:absolute;top:-10000em}
#skipnavigation a:focus{display:block;position:fixed;top:0;z-index:100000000;width:100%;height:40px;background:#777;line-height:40px;font-size:16px;color:#fff;text-align:center}
.protects {font-weight: bold; font-size: 13px}


/* layout */
body{overflow-y:scroll;min-width:1100px;width:100%;height:100%;margin:0;padding:0;background:#f9f9f9}
body,a{color:#333}
#wrap{display:table;position:relative;width:100%;min-width:1100px;padding-top:70px;background:#fff;text-align:center}

#header-sticky-wrapper{position:relative;min-width:1100px;width:100%;z-index:50}
#header-sticky-wrapper:after{clear:both;display:block;content:'';font-size:0;height:0}
#header{position:absolute;top:0;left:0;width:100%;height:70px;background:#002b5c;box-sizing:border-box;
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;}
#header:after{display:block;clear:both;content:''}
#header .logo{float:left}
#header .gnbWp{position:absolute;width:100%;height:70px;margin:0 auto;text-align:center;z-index:50;
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;}

#header .gnb{position:relative;width:1100px;height:70px;margin:0 auto;text-align:center;
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;}
#header .gnb:after{display:block;clear:both;height:0;line-height:0;font-size:0;content:''}
#header .gnb h1{float:left;width:200px}
#header .gnb h1 a{display:block;position:relative;width:113px;height:35px;margin-top:19px;text-align:left;overflow:hidden}
#header .gnb h1 a>img{position:relative;top:-34px;z-index:10}

#header .gnb .gnbMenu{position:relative;float:left;width:743px}
#header .gnb .gnbMenu.gnbMenuView{height:auto}
#header .gnb .gnbMenu.gnbMenuView li ul li{height:auto}
#header .gnb .gnbMenu:after{display:block;clear:both;content:''}

#header .gnb .gnbMenu>li{float:left;position:relative;width:auto;margin-left:19px;padding-top:0;text-align:left;cursor:pointer}
#header .gnb .gnbMenu>li:first-child{margin-left:0}
#header .gnb .gnbMenu>li:before{content:'';display:block;position:absolute;left:0;top:30px;width:1px;height:295px;color:rgba(255,255,255,0.7)}

#header .gnb .gnbMenu>li>a{display:inline-block;position:relative;height:70px;z-index:10000;width:auto;padding:0 15px;cursor:pointer;box-sizing:border-box}
#header .gnb .gnbMenu>li>a span{display:inline-block;position:relative;width:100%;height:70px;padding:25px 0 0;color:#fff;font-size:16px;box-sizing:border-box;letter-spacing:-0.03em;text-align:center;z-index:100;box-sizing:border-box}
#header .gnb .gnbMenu>li>a.on:after,
#header .gnb .gnbMenu>li:hover>a:after{content:'';display:inline-block;position:absolute;left:-10%;bottom:0;width:120%;height:3px;background:#006dbb;z-index:100}
#header .gnb .gnbMenu>li>a.on span,#header .gnb .gnbMenu>li>a:hover span{color:#006dbb}
#header .gnb .gnbMenu>li ul{position:absolute;top:19px;left:0;z-index:10000;margin-top:70px;height:0;opacity:0;overflow:hidden;
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out}
#header .gnb .gnbMenu>li:nth-of-type(1){width:110px}
#header .gnb .gnbMenu>li:nth-of-type(1)>ul{width:110px;left:6px}
#header .gnb .gnbMenu>li:nth-of-type(2){width:125px}
#header .gnb .gnbMenu>li:nth-of-type(2)>ul{width:155px;left:-3px}
#header .gnb .gnbMenu>li:nth-of-type(3){width:81px;left:11px}
#header .gnb .gnbMenu>li:nth-of-type(3)>ul{width:120px;left:15px}
#header .gnb .gnbMenu>li:nth-of-type(4),
#header .gnb .gnbMenu>li:nth-of-type(4)>ul{width:141px;left:3px}
#header .gnb .gnbMenu>li:nth-of-type(5){margin-left:16px}
#header .gnb .gnbMenu>li:nth-of-type(5)>ul{left:25px}
#header .gnb .gnbMenu>li:nth-of-type(6)>ul{left:0;width:90px}

#header .gnb .gnbMenu li ul li{float:none;width:auto;height:auto;margin-bottom:10px;background:none;text-align:left}
#header .gnb .gnbMenu li ul li a{display:block;top:0;height:auto;margin:0;padding:0 5px;line-height:20px;color:#5a5a5a;letter-spacing:-0.03em;font-size:14px;text-align:left;cursor:pointer;}
#header .gnb .gnbMenu li ul li a.on,#header .gnb .gnbMenu li ul li a:hover{color:#006dbb}

/* header hover */
#header.on{
  height:290px;  
}
#header.on .gnbWp,
#header.on .gnb,
#header.on .gnb .gnbMenu>li ul,
#header.on .gnbLayer
{
  height:220px;
}
#header.off{
  height:70px;  
}
#header.off .gnbWp,
#header.off .gnb,
#header.off .gnb .gnbMenu>li ul,
#header.off .gnbLayer
{
  height:0;
}
/* #header.on .gnb .gnbMenu>li ul:after{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:315px;background:rgba(255,255,255,0.1)}
#header.on .gnb .gnbMenu>li:nth-of-type(1) ul:after{display:none} */

#header .gnbLayer{position:absolute;top:70px;left:0;z-index:0;width:100%;height:0;background:#fff;box-sizing:border-box;z-index:50;
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}
#header.on .gnbLayer{border-top:1px solid #d2d2d2;
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}

#header .btnMenuAll {display:block;position:absolute;right:0;width:13px;height:12px;margin-top:29px;margin-left:8px;background:url('/static/images/common/btn_sitemap.png') no-repeat;overflow:hidden}

.lang{position:relative;float:left;width:128px;height:43px;top:24px;margin-left:10px;text-align:left;z-index:99999}
.lang button{position:relative;display:inline-block;left:22px;background:none;color:#fff;font-size:14px;font-family:titi;font-weight:600}
.lang button:before{content:'';display:inline-block;position:relative;width:10px;height:5px;margin-right:11px;top:-1px;background:url('/static/images/common/ico_lang.png') no-repeat;overflow:hidden;vertical-align:middle}
.lang:hover>ul{display:block}
.lang ul{display:none;position:absolute;top:30px;left:0;padding:6px 26px 6px 25px;border:1px solid #b9b9b9;background:#fff}
.lang ul>li{text-align:left}
.lang ul>li>a{font-size:14px;color:#5a5a5a;line-height:22px;font-family:titi;font-weight:300;cursor:pointer}

.overlay{height:0;width:100%;position:fixed;z-index:9999;top:0;left:0;background-color:rgb(0,0,0);
background-color:rgba(0,0,0, 0.9);overflow:hidden;transition:0.5s;-ms-overflow-style: none;}
.overlay::-webkit-scrollbar{display: none;}
.overlay a {padding:8px;text-decoration:none;font-size:16px;color:#818181;display:block;transition:0.3s}
.overlay a:hover, .overlay a:focus {color:#f1f1f1}

/* .overlayContent{position:relative;margin:0 auto;width:1100px}
.overlayContent:after{display:block;clear:both;height:0;line-height:0;content:''}
.overlayContent>ul{margin-top:160px;margin-left:70px}
.overlayContent ul li{float:left;width:260px}
.overlayContent ul li:last-child{margin-right:0px}
.overlayContent ul li:nth-of-type(3),
.overlayContent ul li:nth-of-type(3)>a,
.overlayContent ul li:nth-of-type(3) ul.subNav{width:330px}

.overlayContent ul li a.mainNav{width:180px;margin-left:0px;margin-bottom:10px;border-bottom:1px solid #303030;font-weight:500;font-size:25px;color:#ffffff;line-height:50px}
.overlayContent ul li ul.subNav li{width:320px;font-weight:500;font-size:14px;color:#5a5a5a;line-height:24px;clear:both}
.overlayContent ul li ul.subNav li>a{color:#5a5a5a}
.overlayContent ul li ul.subNav li>a:hover{color:#1ea2de}
.overlay .closebtn {position:absolute;top:20px;right:45px;font-size:60px}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.overlayContent ul.subNav2{position: relative;padding-left:20px}
.overlayContent ul.subNav2:before{content:'';display:block;height:317px;width:1px;position:absolute;top:11px;left:0;background-color: #303030}
.overlayContent ul.subNav2 li a{font-size:14px;line-height:20px} */

footer{display:table;width:100%;position:relative;height:120px;background-color:#e1e1e1;color:#5a5a5a}
footer .footWrap{width:1100px;position:relative;margin:0 auto;padding:45px 15px 0 0;text-align:left;box-sizing:border-box}
footer .footWrap:after{display:block;clear:both;height:0;line-height:0;content:''}
footer .footWrap>p{float:left;letter-spacing:0;font-size:14px;line-height:22px;font-weight:400}
footer .footWrap>p>small{font-family:arial;font-size:11px;font-weight:100;color:#555}

/* family site */
footer .fr{position:relative;margin-top:-11px;width:180px;z-index:50}
footer .fr>a{display:inline-block;position:relative;width:190px;height:33px;line-height:33px;border-bottom:1px solid #222}
footer .fr>a:after{content:' ';display:inline-block;position:absolute;right:1px;bottom:12px;width:8px;height:8px}
footer .fr>a.on:after{background:url('/static/images/common/ico_site_minus.png') no-repeat}
footer .fr>a.off:after{background:url('/static/images/common/ico_site_plus.png') no-repeat}
/* footer .familysite{display:none;position:absolute;top:-246px;right:-9px;width:652px;height:210px;border:1px solid #222;background:#3c3c3c;z-index:10;overflow:hidden} */
footer .familysite{display:none;position:absolute;top:-120px;right:-9px;width:241px;height:110px;border:1px solid #222;background:#3c3c3c;z-index:10;overflow:hidden}
footer .familysite:after{content:' ';position:absolute;top:50px;left:0;width:100%;height:1px;background:#4b4b4b}
footer .familysite a.btn.close{display:block;position:absolute;top:18px;right:16px;width:14px;height:12px;padding:0 !important}
footer .familysite a.btn.close:after{content:' ';position:absolute;top:5px;left:3px;width:8px;height:2px;background:#ddd}
footer .familysite>div a{color:#aaa;font-size:13px}
footer .familysite>div a:hover{text-decoration:underline;color:#fff}
footer .familysite p{height:50px;line-height:50px}
footer .familysite>div{float:left}
footer .familysite>div>p{color:#fff;font-family:titi;font-weight:400}
footer .familysite>div>p, footer .familysite>div>ul{margin-left:20px}
footer .familysite>div>ul{margin-top:15px}
footer .familysite>div>ul>li{display:inline-block;line-height:20px}
/* footer .familysite>div>ul>li:nth-of-type(odd){display:inline-block;width:145px} */
footer .familysite .family{width:330px;height:100%;background:#222}
footer .familysite .group{width:305px; display:none}
footer .familysite>div.group>ul>li{width:155px}
footer .familysite>div.group>ul>li:nth-of-type(odd){width:115px}
footer .familysite>div.group>p, footer .familysite>div.group>ul{margin-left:30px}

/* 사이트맵 전체화면 */
.overlay{height:0%;width:100%;position:fixed;z-index:9999;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow:hidden;transition:0.5s}
.overlay>a {padding:8px;text-decoration:none;display:block;transition:0.3s}
.overlay a:hover, .overlay a:focus {color:#f1f1f1}
.overlayContent{position:relative;margin:0 auto;width:1200px}
.overlayContent:after{display:block;clear:both;height:0;line-height:0;content:''}
.overlayContent>ul{margin-top:160px;margin-left:70px}
.overlayContent>ul>li{float:left;width:260px}
.overlayContent>ul>li:last-child{margin-right:0px}
.overlayContent>ul>li>a{width:180px;margin-left:0px;margin-bottom:10px;border-bottom:1px solid #303030;font-family:titi;font-weight:400;font-size:29px;color:#ffffff;line-height:50px}
.overlayContent>ul>li>ul>li{width:320px;font-weight:500;font-size:14px;color:#aeaeae;line-height:24px;clear:both;background:url('/static/images/contents/icon_list_dot2.png') 0 20px no-repeat}
.overlayContent>ul>li>ul>li>a{color:#aeaeae;font-family:titi;font-weight:300;font-size:18px}
.overlayContent>ul>li>ul>li>a:hover{color:#1ea2de}
.overlay .closebtn {position:absolute;top:20px;right:45px;font-size:60px}
@media screen and (max-height:450px) {
  .overlay{overflow-y:auto}
  .overlay a{font-size:20px}
  .overlay .closebtn{font-size:40px;top:15px;right:35px}
}
  
.overlayContent ul.subNav2{position: relative;padding-left:20px}
.overlayContent ul.subNav2:before{content:'';display:block;height:317px;width:1px;position:absolute;top:11px;left:0;background-color: #303030}
.overlayContent ul.subNav2 li a{font-size:14px;line-height:20px}
  
#container{position:relative;width:1100px;margin:0 auto;text-align:left}
#contentsWrap{position:relative;width:100%;min-height:400px;background:#fff}
#contentsWrap:after{display:block;clear:both;height:0;line-height:0;content:''}
#contentsWrapBg{position:relative;width:100%;background-color:#f2f2f2}
#contentsWrapBg:after{display:block;clear:both;height:0;line-height:0;content:''}
#contents{clear:both;position:relative;width:1100px;margin:0 auto;padding:80px 0 120px;z-index:1}

.contentsWrap{position:relative;width:100%;background:#fff}
.contentsWrap:after{display:block;clear:both;height:0;line-height:0;content:''}
.contentsWrapBg{position:relative;width:100%;background-color:#f2f2f2}
.contentsWrapBg:after{display:block;clear:both;height:0;line-height:0;content:''}

#snbWrap-sticky-wrapper, #snbWrap-sticky-wrapper .snbWrap{z-index:100 !important}
.snbWrap{position:absolute;top:370px;width:100%;height:48px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fafafa;z-index: 3}
.snbWrap .snb{width:1100px;height:48px;line-height:48px;margin:0 auto;box-sizing:border-box;text-align:left}
.snbWrap .snb a{display:inline-block;position:relative;color:#555;font-size:14px}
.snbWrap .snb a>span{font-size:0;letter-spacing:-10000em}
.snbWrap .snb>ul{position:relative;float:left;display:table}
.snbWrap .snb:after,
.snbWrap .snb>ul:after{clear:both;display:block;content:''}
.snbWrap .snb>ul>li{display:table-cell;position:relative}
.snbWrap .snb>ul>li>a{width:100%;padding:0 20px 0 30px;box-sizing:border-box}
.snbWrap .snb>ul>li:first-child>a{width:17px;height:15px;margin:0 20px 0 15px;padding:0;background:url('/static/images/common/ico_home.png') no-repeat;vertical-align:middle}
.snbWrap .snb>ul>li>a:after{content:'';display:inline-block;position:absolute;top:18px;left:0;width:1px;height:15px;background:#e1e1e1}
.snbWrap .snb>ul>li:first-child>a:after{display:none}
.snbWrap .snb>ul>li>a>em.ico_arr{position:absolute;display:inline-block;right:0;top:21px;width:9px;height:5px;background:url('/static/images/common/ico_subDepth_arr.png') no-repeat;transform:rotate(180deg)}
.snbWrap .snb>ul>li>ul{position:relative;/* display:table */display:none;width:100%;top:0;left:1px;border:1px solid #e1e1e1;z-index:5}
.snbWrap .snb>ul>li>ul>li{height:42px;width:100%;border-top:1px solid #e1e1e1;box-sizing:border-box;background:#fff}
.snbWrap .snb>ul>li>ul>li:first-child{border-top:none}
.snbWrap .snb>ul>li>ul>li>a{display:block;width:100%;height:42px;line-height:42px;padding:0 20px 0 30px;box-sizing:border-box}
.snbWrap .snb>ul>li>ul>li>a:hover,
.snbWrap .snb>ul>li>ul>li.on>a{background:#002b5c;color:#fff}
.snbWrap .snbEtc{position:relative;float:right}
.snbWrap .snbEtc .btn_print{display:inline-block;width:16px;height:16px;margin:0 20px 0 0;background:url('/static/images/common/ico_printer.png') no-repeat;vertical-align:middle}
.snbWrap .snbEtc .btn_share{display:inline-block;width:14px;height:16px;background:url('/static/images/common/ico_share.png') no-repeat;vertical-align:middle}

.snsbox{display:none;position:absolute;top:43px;right:-73px;width:192px;height:39px;padding-top:13px;background:url('/static/images/common/box_sns_long.png') no-repeat;z-index:10}
.snsbox>a{display:inline-block;overflow:hidden;float:left;width:31px;height:31px;margin-left:6px !important;background:url('/static/images/common/ico_sns_5.png') no-repeat;font-size:0;text-indent:-10000em}
.snsbox .sns_tw{background-position:0 0}
.snsbox .sns_tw:hover{background-position:0 -31px}
.snsbox .sns_fb{background-position:-35px 0}
.snsbox .sns_fb:hover{background-position:-35px -31px}
.snsbox .sns_li{background-position:-70px 0}
.snsbox .sns_li:hover{background-position:-70px -31px}
.snsbox .sns_gp{background-position:-105px 0}
.snsbox .sns_gp:hover{background-position:-105px -31px}
.snsbox .linkCopy{background-position:-140px 0}
.snsbox .linkCopy:hover{background-position:-140px -31px}

.contentsWp{position:relative;width:1200px;margin:0 auto;padding-bottom:120px}
.contentsWp:after{clear:both;display:block;content:'';font-size:0;height:0}
.contentsWpBg{position:relative;width:1200px;margin:0 auto;padding-bottom:120px;background-color:#f2f2f2}

/* 서브상단 비쥬얼 영역 */
.adSpot{overflow:hidden;position:relative;width:100%;height:173px;background:url(/Images/prspot_bg01.jpg) 50% 50% no-repeat;text-align:center}

/* ***** common set ***** */
.tl{text-align:left}
.tc{text-align:center}
.txtR{text-align:right}
.fl{float:left}
.fr{float:right}
.row{overflow:hidden;width:100%;box-sizing:border-box}
.hide{display:block;height:0;margin:0 !important;font-size:0;line-height:0;text-indent:-10000em}
.vaT{vertical-align:top}
.clearB{clear:both}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hidden{overflow:hidden;position:absolute;top:0;left:-1000%;width:1px;height:1px}

.small{font-size:11px}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.f12{font-size:12px !important}
.f13{font-size:13px !important}
.f14{font-size:14px !important}
.f16{font-size:16px !important;line-height:30px}
.f18{font-size:18px !important}
.f20{font-size:20px !important;line-height:24px}
.f22{font-size:22px !important;line-height:30px;font-family:titi;font-weight:400}
.f24{font-size:24px !important;line-height:30px}
.f28{font-size:26px !important}
.lh24{line-height:24px !important}
.ellipsis{overflow:hidden;width:150px;white-space:nowrap;text-overflow:ellipsis}

/* button */
.btn{display:inline-block;height:20px;padding:0 10px;line-height:20px;vertical-align:middle;cursor:pointer}
.btn.btBig{height:50px;line-height:50px;padding:0 40px;font-size:16px}
.btn.btBig2{height:50px;line-height:50px;width:200px;font-size:16px;text-align:center}
.btn.btBig3{height:50px;line-height:50px;width:180px;font-size:16px;text-align:center}
.btn.btnWhite{width:140px !important;height:40px;padding:0 10px !important;border:1px solid #c2c9cf !important;background:#fff;line-height:40px;color:#222222 !important;text-align:center;font-size:16px;font-weight:600}
.btn.btBlue{background:#002b5c;color:#fff;border:1px solid #002b5c}
.btn.btBlue.tBox{width:22px;height:19px;line-height:19px;text-align:center;vertical-align:middle;font-size:16px}

/* font */
.white{color:#fff!important}
.black{color:#000 !important}
.gray{color:#91979e !important}
.navy{color:#002b5c !important}
.blue{color:#006dbb !important}
.red{color:#e55101 !important}
.bold{font-weight:bold !important}

.impact{font-size:26px;line-height:33px;letter-spacing:-.05em}
.subImpact{font-size:20px;line-height:24px;letter-spacing:-.025em}

@media print{
	#header,#footer,.snb,.adSpot,.location{display:none !important;width:0;height:0;font-size:0;line-height:0}
	body{max-width:900px}
}

/* list */
.listBul li:first-child{margin-top:0}
.listBul li{margin-top:10px;padding-left:13px;background:url(/Images/common/icon/bul_3px.gif) 0 8px no-repeat}

/* top banner */
.topBannerWp{position:relative;width:100%;height:106px;background:#36373c}
.topBannerWp .topBanner{position:relative;width:1320px;margin:0 auto;height:106px}
.topBannerWp .slideArea{position:relative;width:1320px;margin:0 auto;height:106px;color:#fff}
.topBannerWp .slick-prev,
.topBannerWp .slick-next{position:absolute;top:32px;width:20px;height:39px;background:url('/static/images/common/icons.png') no-repeat;text-indent:-10000em}
.topBannerWp .slick-prev{background-position:-130px 0;left:0;z-index:3}
.topBannerWp .slick-next{background-position:-130px 0;right:0}
#mainWrap .topBannerWp .slick-prev{top:32px}

.topBannerWp .slick-dots{position:absolute;bottom:10px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.topBannerWp .slick-dots li{position:relative;display:inline-block;width:8px;height:8px;margin:0 3px;padding:0;cursor:pointer}
.topBannerWp .slick-dots li button{font-size:0;line-height:0;display:block;width:8px;height:8px;cursor:pointer;border:0;outline:none;background:#64656a;border-radius:50%}
.topBannerWp .slick-dots li button:hover,
.topBannerWp .slick-dots li button:focus{outline:none}
.topBannerWp .slick-dots li button:hover:before,
.topBannerWp .slick-dots li button:focus:before{opacity:1}
.topBannerWp .slick-dots li.slick-active button{background:#fff}

.topBannerWp .slide-item{position:relative;text-align:left}
.topBannerWp .slide-item.bg01{background:url('/static/images/banner/bg_img_01.png') 870px 1px no-repeat}
.topBannerWp .slide-item>div{width:1100px;margin:0 auto}
.topBannerWp .slide-item>div>strong{display:block;margin-top:18px;font-size:17px;color:#1bb4d8;font-weight:600;font-style:normal}
.topBannerWp .slide-item>div>p{margin:3px 0 8px;font-size:13px}
.topBannerWp .slide-item>div>em{font-size:12px;color:#a9a8a8;letter-spacing:-0.025em}
.topBannerWp .slick-list{width:1320px;box-sizing:border-box}
.topBannerWp .slick-track{height:106px}

.topBannerWp .topBanner .closeBox{position:absolute;right:60px;top:46px;color:#fff;font-size:12px}
.topBannerWp .topBanner .closeBox .btXX{text-indent:-10000em;display:inline-block;background:url('/static/images/common/icons.png') no-repeat;background-position:-170px 0}	
.topBannerWp .topBanner .closeBox a {position:relative;top:3px;left:5px}

/* btns */
.btnReadMore{display:inline-block;width:198px;height:48px;line-height:48px;text-align:center;color:#fff;border:1px solid #fff;font-size:18px;font-family:titi}
.ico{display:inline-block;vertical-align:middle;text-indent:-10000em;font-size:0}
.ico.down{width:26px;height:16px;background:url('/static/images/common/ico_down.png') no-repeat;margin-top:-3px}