*{box-sizing: border-box}

a{display: block}

.hidden{width: 868px;height: 116px;position: relative;margin: auto}
.colese{position: absolute;right: 10px;top: 10px;width: 20px;height: 18px;
z-index: 10;}

.banner{height: 103px;background: url(../02_28/img/item2-pattern.png)repeat-x left top;position: relative;}
.banner .wrap{width: 1200px;margin: auto;height: 59px;overflow: hidden;}
.banner h1{float: left;cursor: pointer;}
.login{float: right;padding-top: 30px;color: #e8e8e8}
.login li{float: left;padding: 0 2px}
.gnb{width: 1000px;margin: auto;}
.mainM{display: flex;background: #fafafa;width: 100%;}
.mainM li{padding: 11px 0;text-align: center;border-left: 1px solid #e8e8e8;flex: 1}
.mainM li:last-child{border-left: none;border-right: 1px solid #e8e8e8}
.submenu{position: absolute;left: 0;top: 100%;width: 100%;background: #f2f2f2;border-bottom: 1px solid #666;z-index: 50;display: none}
.submenu ul{width: 1000px;margin: auto;display: flex}
.submenu li{flex: 1;font-size: .8em;color: #666;padding-left: 5%;line-height: 1.5;padding-top: 22px;padding-bottom: 22px;}
.submenu li a:hover{font-size: 1.2;color: #568dee;font-weight: bold}

.slideContainer{position: relative;overflow: hidden;height: 452px;z-index: 10;background: #fff}
.containerWarp{width: 1600px;margin: auto}
.slideWrap{display: flex;width: 300%;}
.slideWrap li{width: 100%;}
.button{position: absolute;;transform: translateY(-50%);top: 50%;right: 20%}

.pointer{position: absolute;z-index: 10;transform: translateX(-50%);left: 50%;bottom:5%;display: flex}
.pointer li{background: url(../02_28/img/visual_paging.png)no-repeat left bottom;width: 22px;height: 22px;margin: 0 10px;cursor: pointer;}
.pointer li.on{background-position: left top}

.openpage{width: 100%;height: 100%;background:  url(../02_28/img/bg_layerpop.png)repeat;position: absolute;z-index: 100;display: none}
.openpage.on{background: url(../02_28/img/bg_layerpop.png)repeat;}
.openpage ul{position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;z-index: 100;}
.openpage li{position: relative;display: none;z-index: 100;}
.openpage .downpage{position: absolute;top: 30px;right: 40px;z-index: 150;}

.quickmenu{height: 150px;background: url(../02_28/img/bg_quickmenu.png)repeat-x left top;position: relative;}
.quickmenu ul{width: 1001px;margin: auto}
.quickmenu li{float: left;}
.quickmenu .OPDN{position: absolute;transform: translateX(-50%);left: 50%;bottom: 0;width: 70px;height: 35px;
background: url(../02_28/img/item_quickmenu.png)no-repeat left top}

.content{width: 1000px;margin: auto;font-size: .8em}
.news{width: 380px;}
.news .menu li{float: left;width: 75px;height: 28px;margin-bottom: 4px;margin-right: 10px}
.more{float: right;padding: 10px}
.news .menu li:nth-child(1){background: url(../02_28/img/main_contentstab1.png)no-repeat left bottom}
.news .menu li:nth-child(2){background: url(../02_28/img/main_contentstab2.png)no-repeat left bottom}
.news .list{padding-top: 50px}
.news .list li{cursor: pointer;}
.news .list li:hover{text-decoration: underline;color: #568dee}
.news .list li span{float: right;}