@charset "utf-8";

.community .btn_area.apply {margin-bottom: 30px;}

/* 이벤트 */
.event_list li {padding: 10px 0; border-bottom: 1px solid #ddd;}
.event_list li .post {position: relative;}
.event_list li .post .icon {position: absolute; left: 0; top: 0;}
.event_list li .post p {min-height: 50px;}
.event_list li .post img {width: 100%;}
.event_list li .post .title {overflow: hidden; margin-top: 5px; padding-right: 45px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;}
.event_list li .post .bul_state {position: absolute; right: 0; bottom: 0;}
.event_list .no_data_message {padding: 70px 0 20px; font-weight: bold; font-size: 13px; background: url('../images/common/no_data.png') no-repeat 50% 20px; background-size: 30px 40px; color: #222; text-align: center;}

/* 설명회 */
.community .list_body .info span {font-size: 11px; color: #777;}
.community .list_body .info span:after {content: '-'; display: inline-block; margin-left: 3px;}

/* 오시는 길 */
.location h4 {font-size: 15px; font-weight: bold; color: #bf1b1e; text-align: center;}
.location h4 + p {margin: 10px 0; color: #777; line-height: 20px; text-align: center;}
.location p.title {margin-bottom: 10px; font-size: 15px; font-weight: bold;}
.location .map_area {position: relative; margin-bottom: 25px;}
.location .map_area .info {position: absolute; left: 0; bottom: 0; width: 100%; background: #000; line-height: 20px; opacity: 0.7;}
.location .map_area .info p {padding: 12px 12px 0; font-weight: bold; color: #fff;}
.location .map_area .info span {display: inline-block; padding: 0 12px 12px; color: #ddd;}
.location .map_area .info span a {color: #ddd;}
.location .traffic {padding: 15px 15px 0; border: 1px solid #d4d4d4; background: #f7f7f7;}
.location .traffic .title {margin-top: 10px;}
.location .traffic li {position: relative; display: table; min-height: 42px; margin-bottom: 20px;}
.location .traffic dt {margin-bottom: 5px; font-weight: bold;}
.location .traffic dd {color: #777; line-height: 20px;}
.location .traffic li em {display: table-cell; vertical-align: middle; height: 42px; padding-left: 52px; line-height: 20px; color: #777;}
.location .traffic li span {position: absolute; left: 0; top: 0; width: 42px; height: 42px; border-radius: 50%; font-size: 13px; font-weight: bold; text-align: center; color: #fff; line-height: 42px;}
.location .traffic li span.b_blue {background: #395cb4;}
.location .traffic li span.b_green {background: #48952e;}
.location .traffic li span.b_red {background: #da2226;}
.location .traffic li span.b_sky {background: #70b0e0;}
.location .traffic li span.s_blue {height: 37px; padding-top: 5px; background: #3e62c4; line-height: 14px;}
.location .traffic li span.s_green {height: 37px; padding-top: 5px; background: #37b32d; line-height: 14px;}
.location .traffic li span.s_light {height: 35px; padding-top: 7px; background: #7dc4a5; line-height: 14px;}
.location .traffic li.sinchon {padding-top: 50px;}
.location .traffic li.sinchon em {padding-left: 0;}
.location .traffic li.sinchon span:first-child {left: 0;}
.location .traffic li.sinchon span {left: 50px;}
.location .traffic li.sinchon span.s_light {left: 100px;}

.location a span{margin-bottom: 5px; display: block; padding: 7px 19px; font-weight: bold; text-align: center; color: #fff; background-color: #da2226;}


/* 시사 포인트제도 */
.community .comm_txt, .community .comm_txt li {color: #777; line-height: 20px;}
.community ul.comm_txt {padding: 10px; border: 1px solid #d4d4d4;}
.community .comm_box > div {margin-bottom: 10px; padding: 10px; border: 1px solid #d4d4d4;}
.community .comm_box p {margin-bottom: 5px; color: #222; font-weight: bold;}
.community .comm_box li, .community .comm_box span  {color: #777; line-height: 20px;}
.community .caution_tit {margin: 20px 0 5px; color: #222; font-weight: bold;}
.community .btn_class {margin-top: 5px; padding-top: 10px; border-top: 1px dashed #dcdcdc; text-align: right;}
.community .btn_class .button {width: 156px;}

/* 수강생혜택 */
.community .message_box {padding: 50px 0;}
.benefit {overflow: hidden;}
.benefit .guide {overflow: hidden; margin: 30px 0 15px;}
.benefit .guide span:first-child {float: left; padding-top: 10px; color: #777;}
.benefit .guide span {float: right;}
.benefit .section {float: left; width: 33.33%;}
.benefit .section > p {height: 45px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; line-height: 45px;}
.benefit .section.jongro > p {background: #f6636a;}
.benefit .section.gangnam > p {background: #4cb88e;}
.benefit .section.gangnam li {border-left: none; border-right: none;}
.benefit .section.sinchon > p {background: #8775ba;}
.benefit .section li {display: table; width: 100%; border: 1px solid #e0e0e0; border-top: none; padding: 10px 0; height: 190px;}
.benefit .section li p {padding: 5px;}
.benefit .section li p img {width: 100%; border: 1px solid #e5e5e5;}
.benefit .section li dl {display: block; width: 100%; font-weight: bold; line-height: 20px;}
.benefit .section li dt {width: 100%; font-size: 15px;}
.benefit .section li dd {width: 100%; color: #da2226;}