@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;}

/*2017.02.24 sym 오시는길 추가
.location .location_bt {position: relative;}
.location .location_bt p {display: block; width:150px; margin-bottom: 5px;}
.location .location_bt p a {display: block; padding: 7px 19px; font-weight: bold; font-size: 13px; line-height: 20px; text-align: center; color: #fff; background-color: #1164b0;}
*/
.location a span{margin-bottom: 5px; display: block; padding: 7px 19px; font-weight: bold; text-align: center; color: #fff; background-color: #1164b0;}



/* 시사 포인트제도 */
.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;}