/* BASIC css start */
#contentWrap {padding: 50px 50px 0px; margin-top: 100px;}

/********** Event Top **********/
.ev_top_container{display: flex;flex-flow: wrap;margin-left: -20px;}
.ev_top{position: relative;width:100%;}
.ev_top li {float:left;min-height: auto;padding-left: 20px;box-sizing: border-box;width:100%;}
.ev_topp li {float: left;width: 270px;min-height: 330px;line-height: 16px;font-size: 11px;color: #5d5d5d;box-sizing: border-box;}
/*.ev_top li:first-child,.ev_top li:first-child+li,.ev_top li:first-child+li+li {width: 33.33%;}*/
.ev_top li a { display: inline-block;color: #303033;text-decoration: none;width:100%;}
.thumbnail{display: block;margin-bottom: 14px;}
.ev_top li .thumbnail img {/*display: block;*/ width: 100%;}
.ev_info {min-height: 120px;margin-bottom: 50px;height: 150px;}
.ev_top_info{width:100%; text-align: center;position: absolute;top: 25%;}
.ev_top .ev_info .status{margin-bottom: 20px;font-family: Montserrat;font-weight: 700; font-size:30px; color: #5d5d5d;}
.ev_top .ev_info .b_line{width: 1%;height: 2px;background-color: #89898c; margin: 0 auto;}
.ev_top .ev_info > .title{font-family: Nanum Square;font-weight: bold;    margin: 8px 0;line-height: 20px;margin-top: 20px;font-size: 14px;color: #616060;}
.ev_top .ev_info > .date {margin-bottom: 8px; color: #a0a0a0;font-weight: 400;}

/********** Event Nav **********/
.ev_nav{margin-top: 50px; }
.ev_gnb{/*height: 10px;line-height: 10px;padding: 10px;*/background: #d4d4d4; text-decoration: none; font-family: Montserrat; font-weight:500; text-transform:uppercase; font-size: 12px; color: #fff; display:block; float:left;margin-left:2px;}
.ev_gnb:hover { cursor:pointer; color: #5d5d5d;}
.ev_gnb > p {padding:10px;}
.ev_gnb.active{background: #5d5d5d; color: #d4d4d4;}




/*********** Portfolio  **********/
#portfolio { width:100%; margin:20px -15px; }

/*.tile { float:left; min-height:100px; max-height:150px; width:20%; border:1px #fff solid; }
.tile:hover { opacity: 0.5; }*/

#portfolio .tile{float: left;width: 270px;min-height: 330px;line-height: 16px;font-size: 11px;color: #5d5d5d; box-sizing: border-box;}
#portfolio .tile{width: 33%;min-height: auto;padding-left: 20px;box-sizing: border-box;}
#portfolio .tile .thumbnail img {/*display: block;*/width: 100%;}




#portfolio .tile2x{float: left;width: 270px;min-height: 330px;line-height: 16px;font-size: 11px;color: #5d5d5d; box-sizing: border-box;}
#portfolio .tile2x{width: 50%;min-height: auto;padding-left: 20px;box-sizing: border-box;}
#portfolio .tile2x .thumbnail img {/*display: block;*/width: 100%;}



.tile .ev_info .status{ margin-top: 12px;  font-size: 18px;  line-height: 30px;}
.tile .ev_info > .title > a { margin-top: 12px;  font-size: 22px;  line-height: 30px;}
.tile .ev_info > .count {  max-height: 72px; margin-top: 6px;  line-height: 24px; color: rgb(48, 48, 51); padding-right: 6%;}
.tile .ev_info > .date { display: block;  margin-top: 16px; line-height: 20px;  color: rgb(0, 0, 0); font-size: 16px;  font-weight: 700;  font-style: italic;}


.tile2x .ev_info .status{ margin-top: 12px;  font-size: 18px;  line-height: 30px;}
.tile2x .ev_info > .title > a { margin-top: 12px;  font-size: 22px;  line-height: 30px;}
.tile2x .ev_info > .count {  max-height: 72px; margin-top: 6px;  line-height: 24px; color: rgb(48, 48, 51); padding-right: 6%;}
.tile2x .ev_info > .date { display: block;  margin-top: 16px; line-height: 20px;  color: rgb(0, 0, 0); font-size: 16px;  font-weight: 700;  font-style: italic;}


/* BASIC css end */