@charset "utf-8";
/* CSS Document */

/*****************/
/* 전체 공용 css */
/*****************/
@font-face {
  font-family:'NanumSquareB';
  src:url('NanumSquareB.eot');
  src:url('NanumSquareB.woff') format('woff'),
       url('NanumSquareB.ttf') format('truetype'),
       url('NanumSquareB.eot?#iefix') format('embedded-opentype');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'NanumSquare';
  src:url('NanumSquare.eot');
  src:url('NanumSquare.woff') format('woff'),
       url('NanumSquare.ttf') format('truetype'),
       url('NanumSquare.eot?#iefix') format('embedded-opentype');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'NanumBarunGothic';
  src:url('NanumBarunGothic.eot');
  src:url('NanumBarunGothic.woff') format('woff'),
       url('NanumBarunGothic.ttf') format('truetype'),
       url('NanumBarunGothic.eot?#iefix') format('embedded-opentype');
  font-weight:normal;
  font-style:normal;
}

html{overflow-y:scroll;}
body, div, p, ul, li{margin:0; padding:0;}
html, body{width:100%; height:100%;}
div{position:relative;}
a{display:block;}
#wrap-all{width:100%; font-family:'NanumBarunGothic'; color:#000;}
#wrap_content{width:800px; margin:0 auto;}

.headAll{position:relative; width:100%;}
.header{position:relative; width:100%; height:60px; background-image:url('header.png'); background-repeat:no-repeat;}
.listAll{position:relative; width:100%; margin:5px 0px 20px 0px; overflow:hidden;}
.listAll ul, li{position:relative;}
.listAll ul{clear:both;}
.listAll li{width:146px; height:35px; float:left; list-style:none; border:1px solid #e12f22; text-align:center; vertical-align:middle; margin:1px;}
.listAll li a{width:148px; height:35px; text-decoration:none; color:#000; display:table-cell; vertical-align:middle;}
.listAll li a:hover, .listAll li a.selected{color:#fff; background-color:#e12f22;}

#contentDiv{position:relative; width:100%; margin:20px 0px 20px 0px;}

table{font-size:14px;}
tr{height:35px;}
.clickTr, .clickTr1, .clickTr2, .clickTr3, .clickTr4{cursor:pointer;}
.tdHead{height:30px; font-size:16px; font-family:'NanumSquareB';}
.tdTitle{height:30px; font-size:15px; text-align:center;}
.tdTop{border-top:2px solid #e12f22;}
.tdEven{background-color:#f9f9f9;}
.tdBottom{border-bottom:2px solid #e12f22;}
.listNum{width:60px; text-align:center; font-family:'NanumSquareB'; font-size:14px;}
.projectNum{width:60px; text-align:center; font-size:13px; color:#090; font-weight:500;}
.tdGreen{color:#090;}
.listThumb{width:120px; text-align:center; height:66px;}
.listName{padding-left:20px; word-break:keep-all;}
.listName .categorize{color:#e12f22; font-weight:500;}
.listYear{width:85px; text-align:center;}
.listBtn{width:92px; text-align:center;}
.listNo{width:750px; height:40px; font-family:'NanumSquareB'; font-size:14px; text-align:center;}
img{vertical-align:middle; border-radius:3px; background:rgba(225, 47, 34, 0.5);}

.tdBottom td{border-bottom:2px solid #e12f22;}

.listThumb img{height:60px;}

select{width:82px;}

.footer{position:relative; width:100%; height:35px; background-image:url('footer.png');}

.headerHomeBtn a{position:absolute; left:0px; top:20px; width:330px; height:25px;}

.eMbaBtn a{margin:0px 3px 0px 3px; width:25px; height:20px; border:1px solid #464646; font-size:15px; color:#464646; display:table; float:left; text-decoration:none; vertical-align:middle;}
.eMbaBtn a.noComplete{cursor:default;}
.eMbaBtn a.complete{border:1px solid #e22f22; font-size:15px; color:#ffffff; background-color:#e22f22;}
.eMbaBtn a .eMbaBtnText{display:table-cell; vetriacl-align:middle; padding-top:3px;}

.naviDiv{position:absolute; width:250px; height:100%; font-family:'NanumBarunGothic'; font-size:14px; overflow-y:auto;}
.chasinavi{margin:5px 5px 10px 35px; text-indent:-30px;}
.chasinavi a{position:relative; width:240px; margin:5px 5px 10px 5px; color:#666; text-decoration:none; word-break:keep-all;}
.chasinavi a.selected{color:#333; font-weight:bold;}
.contentsDiv{position:absolute; left:250px; width:calc(100% - 250px); height:100%;}

/* 새 스타일 list페이지 css */
.headerDiv{height:30px; margin:0px 0px 0px 0px; display:flex; justify-content:space-between;}
.headerSortDiv{width:200px; display:flex; justify-content:right;}
.headerTitleDiv{font-family:'NanumSquareB'; font-size:15px;}
.headerSortIns, .headerSortYear{width:100px; text-align:right; padding:5px 0px 0px 0px;}
.titleDiv{width:100%; height:35px; display:table; font-size:15px; border-top:2px solid #e12f22; border-bottom:2px solid #e12f22;}
.titleDiv div{text-align:center; display:table-cell; vertical-align:middle;}
.titleDiv .no{width:60px;}
.titleDiv .code{width:130px; color: #090;}
.titleDiv .thumb{width:120px;}
.titleDiv .name{width:340px;}
.titleDiv .year{width:100px;}
.contentsDivAll{position:relative; width:100%;}
.contentsDivNew{position:relative; width:100%; height:65px; display:table; font-size:13px;}
.evenDiv{background-color:#f9f9f9;}
.lastDiv{border-bottom:2px solid #e12f22;}
.contentsDivNew div{text-align:center; display:table-cell; vertical-align:middle;}
.contentsDivNew a{text-decoration:none; color:#000;}
.contentsDivNew .code a{color:#090;}
.contentsDivNew .no{width:60px; font-family: 'NanumSquareB'; font-size:14px;}
.contentsDivNew .code{width:130px;}
.contentsDivNew .thumb{width:120px;}
.contentsDivNew .name{width:340px; text-align:left;}
.contentsDivNew .year{width:100px;}

.moduleTr{text-align:center; font-family:'NanumSquareB'; border-top:2px solid #e12f22; border-bottom:2px solid #e12f22;}
.moduleTr td{border-top:2px solid #e12f22; border-bottom:2px solid #e12f22;}
.moduleTr:first-child td{border-top:none;}

.totalTimeTr{height:40px;}
.totalTimeTr td{font-family:'NanumSquareB'; text-align:center;}
.totalTimeTd a{text-decoration:none; color:#000;}
.totalTimeTd a:after{content:''; position:absolute; width:16px; height:16px; background-image:url('excelIcon.png'); margin:-1px 0px 0px 5px;}

#miVideo{width:1120px; height:630px; -moz-transform-origin:top left; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left;}
@media screen and (max-width:1209px){
	.naviDiv{display:none;}
	.contentsDiv{left:calc((100% - 1120px) / 2); top:calc((100% - 630px) / 2); width:1120px;}
}

.dev_wrapAll{position:relative; width:1000px; margin:0 auto; font-family:'NanumBarunGothic'; font-size:14px; color:#000;}
.dev_wrapAll div{position:relative; box-sizing:border-box;}
.dev_loginContainer{width:300px; margin:50px auto;}
.dev_loginText{font-family:'NanumSquareB'; text-align:center; font-weight:300; font-size:16px; margin-bottom:10px;}
.dev_loginBox{width:100%;}
.dev_inputText{position:relative; width:100%; bordrer:1px solid #e22f22; padding:5px;}
.dev_contentsContainer{width:100%;}
.dev_contentsHeader{width:100%; height:60px; background-image:url('header.png'); background-repeat:no-repeat;}
.dev_contentsNaviContainer{width:100%}
.dev_contentsBtnAll{width:100%; display:flex; flex-wrap:wrap;}
.dev_contentsBtn{width:calc((100% - 24px) / 5); margin:3px;}
.dev_contentsBtn a{width:100%; text-align:center; border:1px solid #999999; color:#999999; font-family:'NanumBarunGothic'; font-weight:700; display:block; padding:10px 0px; text-decoration:none;}
.dev_contentsBtn:nth-child(1), .dev_contentsBtn:nth-child(6){margin-left:0px;}
.dev_contentsBtn:nth-child(5), .dev_contentsBtn:nth-child(10){margin-right:0px;}
.dev_contentsBtn a:hover{border:1px solid #e22f22; color:#e22f22;}
.dev_contentsBtn a.selected{background-color:#e22f22; color:#ffffff;}
.dev_select{border:1px solid #999999; width:200px; font-size:14px; color:#999999; padding:5px;}

.pionada_topDiv{width:100%; font-size:16px; font-family:'NanumSquareB'; padding:8px 0px;}
.pionada_contentsHeadContainer{width:100%; display:flex; border-top:2px solid #e22f22; border-bottom:2px solid #e22f22; padding:8px 0px 6px;}
.pionada_contentsHead{font-size:14px; font-family:'NanumSquareB'; text-align:center;}
.pionada_contentsChasiNum{width:60px;}
.pionada_contentsChasiName{width:calc(100% - 160px);}
.pionada_contentsChasiState{width:100px;}
.pionada_contentsBodyContainer{width:100%; display:flex; padding:7px 0px;}
.pionada_contentsBody{font-size:14px; text-align:center;}
.pionada_contentsBodyContainer .pionada_contentsChasiName{text-align:left; width:calc(100% - 200px); padding:3px 0px 0px 0px; margin-left:40px;}
.pionada_contentsBodyContainer .pionada_contentsChasiNum{font-family:'NanumSquareB'; padding:3px 0px 0px 0px;}
.pionada_listBtn a{display:inline-block; width:80px; text-align:center; background-color:#464646; border:1px solid #b8bec5; border-radius:3px; color:#efefef; text-decoration:none; padding:2px 0px; font-size:13px; cursor:default; pointer-events:none;}
.pionada_proto a{background-color:#e22f22; border:1px solid #e22f22; color:#ffffff; cursor:pointer; pointer-events:auto;}
.pionada_complete a{background-color:rgba(0, 0, 0, 0); border:1px solid #e22f22; color:#e22f22; cursor:pointer; pointer-events:auto;}




/********************/
/* 신규 리스트 css */
/********************/
/* common */
.listNew_wrapAll{width:100%; height:100%; font-family:'NanumBarunGothic'; color:#000;}
.listNew_contentAll{width:1000px; margin:0 auto;}
.listNew_listAll{padding-bottom:10px;}
.listNew_header a{width:100%; height:60px; background-image:url('header.png'); background-repeat:no-repeat;}
.listNew_alignLeft{text-align:left !important;}

/* developelist page */
.listNew_listContainer{width:calc(100%); display:flex; flex-wrap:wrap;}
.listNew_listBtn{width:calc(20% - 5px); margin:1px; border:1px solid #e22f22;}
.listNew_listBtn a{display:block; width:100%; text-align:center; padding:8px 0px; text-decoration:none; color:#000000;}
.listNew_listBtn a:hover, .listNew_listBtn a.selected{color:#ffffff; background-color:#e22f22}
.listNew_contentDiv{width:100%; margin:20px 0px 20px 0px;}
.listNew_headerTitleTd{width:calc(100% - 391px); font-family:'NanumSquare'; font-weight:700;}
.listNew_sortingTd{width:120px; text-align:right}
.listNew_listTr{width:100%; display:flex;}
.listNew_listTd{display:table; text-align:center;}
.listNew_listText{display:table-cell; vertical-align:middle;}
.listNew_numTd{width:60px;}
.listNew_listNumTd{width:150px; color:#009900;}
.listNew_thumbTd{width:120px;}
.listNew_titleTd{width:calc(100% - 430px);}
.listNew_yearTd{width:100px;}
.listNew_contentsTr{height:70px; font-size:13px;}
.listNew_contentsTr .listNew_numTd{font-family:'NanumSquare'; font-weight:700;}
.listNew_contentsTr .listNew_titleTd{text-align:left;}
.listNew_evenTr{background-color:#f9f9f9;}
.listNew_lastTr{border-bottom:2px solid #e22f22;}

/* netmaru contents institute page */
.listNew_headerTr{margin-bottom:10px; width:100%; display:flex;}
.listNew_subHeaderTitleTd{width:100%; font-family:'NanumSquare'; font-weight:700; font-size:17px; margin-top:4px;}
.listNew_listHeadTr{border-top:2px solid #e22f22; border-bottom:2px solid #e22f22; margin-top:6px; font-size:14px; min-height:35px; font-family:'NanumSquare'; font-weight:700;}
.listNew_subListTr{min-height:35px; font-size:14px;}
.listNew_subTitleTd{width:calc(100% - 60px);}
.listNew_listText a{text-decoration:none; color:#000000;}
.listNew_listText a:hover{text-decoration:underline;}

/* contents list state page */
.listNew_moduleTr{width:100%; display:flex; border-top:2px solid #e22f22; padding-top:6px;}
.listNew_moduleTd{width:calc(100% - 100px); font-family:'NanumSquare'; font-weight:700; text-align:left; font-size:15px;}
.listNew_listTitleTd{width:calc(100% - 160px);}
.listNew_stateBtnContainer{display:flex; flex-wrap:wrap;}
.listNew_stateBtnTd{width:100px; min-height:35px;}
.listNew_listNumTd .listNew_listText a{color:#009900;}
.listNew_select{width:115px; height:23px;}
.listNew_categorize{color:#e12f22; font-weight:500;}
.listNew_noneTr{width:100%; text-align:center; padding:10px 0px; border-bottom:2px solid #e22f22;}
.listNew_listTr a, .listNew_subListTr a{display:block;}
.listNew_underLine{border-bottom:1px dashed #dddddd;}
.listNew_listStateBtn a{width:80px; text-align:center; display:inline-block; text-decoration:none; border-radius:3px; padding:4px 0px 3px 0px; margin-top:6px; font-size:13px;}
.listNew_htmlState1 a, .listNew_mp4State1 a, .listNew_mp4Category1{border:1px solid #464646; background-color:#464646; color:#ffffff; cursor:default; pointer-events:none;}
.listNew_htmlState2 a{border:1px solid #e22f22; color:#e22f22;}
.listNew_htmlState3 a, .listNew_mp4State4 a, .listNew_mp4Category4{border:1px solid #e22f22; background-color:#e22f22; color:#ffffff;}
.listNew_mp4State2 a, .listNew_mp4Category2{border:1px solid #ffe400; background-color:#ffe400; color:#464646;}
.listNew_mp4State3 a, .listNew_mp4Category3{border:1px solid #368a18; background-color:#368a18; color:#ffffff;}
.listNew_mp4CategoryContainer{display:flex;}
.listNew_mp4Category{width:70px; text-align:center; border-radius:3px; padding:4px 0px 3px 0px; font-size:13px; margin:0px 0px 0px 5px;}

/* video controlbar */
.listNew_videoWrapAll{width:100%; height:100%;}
#contentsVideo{width:100%; height:100%;}
.listNew_videoControlContainer{position:absolute; left:0px; bottom:0px; width:100%; height:75px;}
.listNew_controlAll{width:100%; height:75px; background-image:url("controlbar/controlBg.png");}
.listNew_controlTop{width:calc(100% - 20px); height:35px; margin:0px 10px;}
.listNew_controlBottom{width:100%; height:40px; display:flex; justify-content:space-between;}
.listNew_controlBottomLeft{display:flex; justify-content:flex-start; margin-top:5px;}
.listNew_controlBottomRight{display:flex; justify-content:flex-End; margin-top:5px;}
.listNew_controlBtn a{display:block; width:25px; height:25px; background-image:url("controlbar/control.png");}
.listNew_startBtn a{background-position:-50px 0px; margin-left:15px;}
.listNew_startBtn a:hover{background-position:-50px -50px;}
.listNew_startBtn a.selected{background-position:0px 0px;}
.listNew_startBtn a.selected:hover{background-position:0px -50px;}
.listNew_replayBtn a{background-position:-100px 0px; margin-left:11px;}
.listNew_replayBtn a:hover{background-position:-100px -50px;}
.listNew_volumeContainer{display:flex;}
.listNew_soundBtn a{background-position:-150px 0px; margin-left:14px;}
.listNew_soundBtn a:hover{background-position:-150px -50px;}
.listNew_soundBtn a.selected{background-position:-200px 0px;}
.listNew_soundBtn a.selected:hover{background-position:-200px -50px;}
.listNew_soundbarContainer{width:0px; height:25px; transition:0.3s;}
.listNew_volumeContainer:hover .listNew_soundbarContainer{width:50px;}
.listNew_soundbarBg, .listNew_soundbarTop{position:absolute; left:0px; top:calc((25px - 5px) / 2); width:100%; height:5px;}
.listNew_soundbarBg{background-color:rgba(255, 255, 255, 0.5);}
.listNew_soundbarTop{background-color:rgba(255, 255, 255, 1);}
.listNew_soundbarClickArea a{position:absolute; left:0px; top:calc((25px - 15px) / 2); width:100%; height:15px; background-color:darkblue; opacity:0;}
.listNew_soundbarHead a{position:absolute; left:0px; top:calc((25px - 10px) / 2); width:10px; height:10px; background-color:#ffffff; border-radius:50%; opacity:0; transition:0.3s;}
.listNew_volumeContainer:hover .listNew_soundbarHead a{opacity:1;}
.listNew_timeContainer{font-size:13px; color:#ffffff; top:3px; margin-left:20px;}
.listNew_downloadBtn a{background-position:-400px 0px; margin-right:14px;}
.listNew_downloadBtn a:hover{background-position:-400px -50px;}
.listNew_speedContainer, .listNew_speedBtnContainer{display:flex; flex-direction:column-reverse;}
.listNew_speedContainer{margin-right:16px; top:-14px;}
.listNew_speedBtnContainer{top:-27px;}
.listNew_speedOnBtn a{display:block; font-size:13px; text-decoration:none; color:#ffffff; opacity:0.5; padding:0px 5px; border:1px solid #ffffff; border-radius:3px;}
.listNew_speedOnBtn a:hover{opacity:1;}
.listNew_speedBtnContainer{background-color:rgba(0, 0, 0, 0.5);}
.listNew_speedBtn a{display:block; font-size:13px; text-decoration:none; color:#ffffff; padding:1px 5px; opacity:0.5;}
.listNew_speedBtn a:hover, .listNew_speedBtn a.selected{opacity:1;}
.listNew_fullscreenBtn a{background-position:-350px 0px; margin-right:11px;}
.listNew_fullscreenBtn a:hover{background-position:-350px -50px;}
.listNew_lockBtn a{background-position:-250px 0px; margin-right:14px;}
.listNew_lockBtn a:hover{background-position:-250px -50px;}
.listNew_lockBtn a.selected{background-position:-300px 0px;}
.listNew_lockBtn a.selected:hover{background-position:-300px -50px;}
.listNew_timebarBg{position:absolute; top:calc((35px - 5px) / 2 + 5px); width:100%; height:5px; background-color:rgba(255, 255, 255, 0.5);}
.listNew_timebarTop{position:absolute; top:calc((35px - 5px) / 2 + 5px); width:100%; height:5px; background-color:rgba(255, 255, 255, 1);}
.listNew_timebarClickArea a{position:absolute; top:calc((35px - 5px) / 2); width:100%; height:15px; background-color:darkblue; opacity:0;}
.listNew_timebarHead a{position:absolute; left:0px; top:calc((35px - 5px) / 2); width:15px; height:15px; background-color:#ffffff; border-radius:50%; opacity:0; transition:0.3s;}
.listNew_controlTop:hover .listNew_timebarHead a{opacity:1;}
.listNew_liseExcelBtn a{display:block; width:23px; height:23px; background-image:url("excelIcon.png"); background-position:5px 4px; background-repeat:no-repeat; margin-right:0px;}

.devList_wrapAll{width:100%; height:auto; font-family:'NanumBarunGothic'; color:#000000; padding-bottom:1px; min-height:100%;}
body::-webkit-scrollbar{width:10px;}
body::-webkit-scrollbar-thumb{background-color:#d9d9d9; border-radius:10px;}
body::-webkit-scrollbar-track{background-color:#ffffff; border-radius:0px;}
.devList_contentAll{width:1000px; margin:0 auto;}
.devList_headAll, .devList_listAll{width:100%;}
.devList_header{width:100%; height:60px; background-image:url('header.png'); background-repeat:no-repeat;}
.devList_listBtnContainer{width:100%; display:flex; flex-wrap:wrap;}
.devList_listBtn{width:calc(100% / 5 - 2px); margin:1px;}
.devList_listBtn a{font-family:'NanumSquare'; font-weight:700; width:100%; text-align:center; color:#000000; border:1px solid #e22f22; text-decoration:none; padding:8px 0px; box-sizing:border-box; transition:0.3s;}
.devList_listBtn a:hover, .devList_listBtn a.selected{color:#ffffff; background-color:#e22f22; font-weight:bold;}
.devList_contentContainer{margin:20px 0px;}
.devList_contentTopContainer{width:100%; display:flex; justify-content:space-between;}
.devList_contentsTopLeftContainer{font-family:'NanumSquare'; font-weight:700; text-align:left; font-size:18px; padding:4px 0px 0px 7px;}
.devList_contentsTopLeftContainer:before{position:absolute; content:''; width:2px; height:14px; background-color:#000000; margin:3px 0px 0px -7px;}
.devList_contentsTopRightContainer{display:flex; justify-content:flex-end;}
.devList_selectContainer{margin-left:10px; font-size:14px; font-family:'NanumSquare'; text-align:center; display:flex;}
.devList_selectTitle{font-weight:700; padding-top:5px;}
.devList_selectbox{width:120px; height:25px; font-family:'NanumSquare'; color:#000000; border:1px solid #000000; outline:none; margin-left:5px;}
.devList_contentBottomAll{width:100%; margin:10px 0px 0px 0px; border-top:2px solid #e22f22; border-bottom:2px solid #e22f22;}
.devList_contentBottomContainer{width:100%; height:70px; display:flex; flex-wrap:wrap;}
.devList_contentBottomContainer.head{height:40px; border-bottom:2px solid #e22f22; font-family:'NanumSquare'; font-weight:700;}
.devList_contentBottomContainer.even{background-color:#f9f9f9;}
.devList_contentBottomContainer.none{hdevList_wrapAlleight:40px;}
.devList_contentBottomTd{height:100%; text-align:center; display:table; font-size:13px;}
.devList_contentBottomContainer.head .devList_contentBottomTd{font-size:15px;}
.devList_contentBottomTd a{color:#000000; text-decoration:none;}
.devList_contentBottomTd a:hover{text-decoration:underline;}
.devList_contentBottomTd.no{width:50px;}
.devList_contentBottomTd.code{width:150px; color:#009900;}
.devList_contentBottomTd.code a{color:#009900;}
.devList_contentBottomTd.thumb{width:120px;}
.devList_contentBottomTd.thumb img{width:100px;}
.devList_contentBottomTd.title{width:calc(100% - 410px); text-align:left; padding-left:10px;}
.devList_contentBottomContainer.head .devList_contentBottomTd.title{text-align:center;}
.devList_contentBottomTd.year{width:80px;}
.devList_middleText{display:table-cell; vertical-align:middle;}
.devList_contentNone{width:100%; text-align:center; display:table;}

@media screen and (max-width:1000px){
	.listNew_contentAll, .devList_contentAll{width:100%;}
}

.devList_loginAll{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:500px; border-radius:10px; padding:20px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.devList_loginTitle{font-family:'NanumSquare'; font-weight:700; text-align:center; font-size:18px; padding:10px 0px;}
.devList_loginInput{width:100%; height:40px; outline:none; border:1px solid #d9d9d9; padding:0px 10px; text-align:center; font-size:18px; margin:10px 0px; box-sizing:border-box;}
.devList_loginBtn a{width:100%; color:#ffffff; font-family:'NanumSquare'; font-weight:700; text-align:center; background-color:#e22f22; text-decoration:none; padding:10px 0px;}

.toTopBtn{position:fixed; right:10px; bottom:10px; width:50px; height:50px; background-color:#e22f22; border-radius:50%;}
.toTopBtn a{display:block; width:100%; height:100%; text-indent:-9999px;}
.toTopBtn a:before, .toTopBtn a:after{position:absolute; content:''; width:15px; height:3px; background-color:#ffffff; left:50%; top:50%; margin-top:-1px;}
.toTopBtn a:before{transform:translate(-50%, -50%) rotate(45deg); margin-left:5px;}
.toTopBtn a:after{transform:translate(-50%, -50%) rotate(-45deg); margin-left:-5px;}