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

.body-container .section .head {padding-bottom:30px}

.cont {padding:0 20px 25px}
.cont .info {margin-bottom:20px; text-align: center}
.cont .info p {font-size:1.4rem; letter-spacing: -0.05em; color: #3e9bab;}
.cont .info img {width:14px; position: relative; top:2px; margin-right: 5px;}
.cont .editor-list {position: relative; width:calc(100% - 50px); margin:0 auto;}
.cont .editor-list ul {width: 100%; margin: 0 auto;}
.cont .editor-list ul li {float: left; position: relative; width: 25%; }
.cont .editor-list ul li .img-area { position: relative; width: 100%; height:100px; text-align: center; overflow: hidden;}
.cont .editor-list ul li.veteran .img-area:after {position: absolute; content: ''; top:6px; left:6px; z-index: 1; width:17px; height:21px; background: url("../../../img/sub/toptier-edit/medal.png")no-repeat center; background-size: cover;}
.cont .editor-list ul li .img-area img {position: absolute; top:50%; left:50%; width:auto; min-height:100%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);}
.cont .editor-list ul li.select:after {position: absolute; content: ''; width: calc(100% - 5px); height: calc(100% - 6px); top:0; left: 0; border: 3px solid #5283e0;}
.cont .editor-list ul li.select:before {position: absolute; content: ''; width: 0px; height: 0px; border-left: 8px solid transparent; border-right:8px solid transparent; border-top:8px solid #5283e0;bottom:-6px; left:50%; margin-left:-4px; z-index: 1; }
.cont .editor-list .arrow {width: calc(100% + 50px); position: absolute; top:45%; left:-25px;}
.cont .editor-list .arrow i {font-size: 1.8rem; color:#a9b3c7;}
.cont .editor-list .arrow i.left {float: left}
.cont .editor-list .arrow i.right {float: right}

.cont .editor-info {position: relative; margin-top: 20px;}
.cont .editor-info .top {padding:20px; color: #5283e0; text-align: center; background: #fff; border:1px solid #dee3eb;}
.cont .editor-info .top h1 {font-size: 1.8rem;}
.cont .editor-info .top p {font-size: 1.4rem; padding-top: 5px; color: #777; }
.cont .editor-info .bottom {padding:25px 20px; background:#fff; border:1px solid #dee3db; margin-top: 10px;}
.cont .editor-info .bottom p { font-size: 1.4rem; line-height: 1.7; color:#777; letter-spacing: -0.05em;}
.cont .editor-info .bottom p.main-copy { font-size: 1.6rem; font-weight: 500;color:#444; padding-bottom: 10px;}

@media all and (max-width: 320px) {
	.cont .editor-list ul li .img-area {height:80px;}
}