@charset "utf-8";

/* list */
.board-section.muslim-layout {padding-top:47px;}

.board-section.muslim-layout .top-txt {padding:20px 0 30px;line-height:1.2;}
.board-section.muslim-layout .top-txt p.web-txt{padding-left:10px;}
.board-section.muslim-layout .top-txt p.web-txt:before {content:"*";display:inline-block;margin-left:-9px;}
.board-section.muslim-layout .top-txt p.mobile-txt {display:none;}

.board-section.muslim-layout .board-counter {border-bottom:2px solid #012a58;text-align:left;margin-top:30px;padding-bottom:15px;}
.board-section.muslim-layout .board-counter a {float:right;border-bottom:1px solid #ff5303;color:#ff5303;font-size:12px;padding-bottom:2px;}

.board-search.muslim {background:#fff;border:0;padding:0;}
.board-search.muslim .search-box,
.board-search.muslim .select-box{display:block;width:88%;box-sizing: border-box;}
.board-search.muslim .select-box:after {clear:both;content:"";display:block;}
.board-search.muslim .select-box select {/* width:15.8%; */width:19.2%;min-width:auto;margin-bottom:5px;margin-left:1%;display:block;float:left;}
.board-search.muslim .select-box select:first-child {margin-left:0;}
.board-search.muslim .button-search{border:none; background-color:#012754; color:#fff; font-size:12px; height:54px; line-height:54px; width:10.5%; float:right; margin-top:-55px;}
.board-search.muslim .search-box input[type=text] {width:94% !important;}

.muslim-list > ul:after {display:block; content:''; height:0; line-height:0; clear:both;}
.muslim-list > ul > li {background:#fff;margin-left:21px;margin-bottom:15px;padding:0;width:218px;height:265px;float:left;border:1px solid #d9d9d9;cursor:pointer;}
.muslim-list > ul > li:nth-child(3n+1) {margin-left:0;}
.muslim-list > ul > li.nodata {width:100%; text-align:center; padding:10px 0; margin-left:0;border:none;}
.muslim-list > ul > li.no-space {margin-left:0;}
.muslim-list > ul > li > .thumnails {margin-bottom:0;height:108px;}
.muslim-list > ul > li > .thumnails img {border-bottom:1px solid #d9d9d9;height:100%;width:100%;}
.muslim-list > ul > li > .txt {padding:20px 15px;}
.muslim-list > ul > li > .txt .title {color:#000;font-size:14px;margin-bottom:15px;height:30px;}
.muslim-list > ul > li > .txt .text {line-height:1.2;overflow:hidden;height:43px;word-break: break-all;}
.muslim-list > ul > li > .txt .text span {color:#000;}
.muslim-list > ul > li > .txt em {display:block;font-weight:bold;font-size:12px;margin-bottom:15px;}
.muslim-list > ul > li > .txt em.cate1 {color:#00807d;}/* Halal Certified */
.muslim-list > ul > li > .txt em.cate2 {color:#004b6e;}/* Self Certified */
.muslim-list > ul > li > .txt em.cate3 {color:#5f8c3f;}/* Muslim Friendly */
.muslim-list > ul > li > .txt em.cate4 {color:#bd3550;}/* Pork-free */

/* view */
.board-view.blog > .board-content {position:relative;}
.event-info.left {float:none !important;}

.board-view-badge {margin-top:14px;width:713px;}

.event-info.muslim dt.address {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_address.png) 0 1px no-repeat;}
.event-info.muslim dt.type {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_type.png) 0 1px no-repeat;}
.event-info.muslim dt.telephone {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_tel.png) 0 1px no-repeat;}
.event-info.muslim dt.hours {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_time.png) 0 1px no-repeat;}
.event-info.muslim dt.place {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_place.png) 0 1px no-repeat;}
.event-info.muslim dt.area {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_area.png) 0 1px no-repeat;}
.event-info.muslim dt.gender {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_gender.png) 0 -1px no-repeat;}
.event-info.muslim dt.etc {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_etc.png) 0 -1px no-repeat;}
.event-info.muslim dt.operate {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_operate.png) 0 -1px no-repeat;}
.event-info.muslim dt.note {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_muslim_note.png) 0 1px no-repeat;}
.event-info.muslim dd.note {height:100px;}

.ico-muslim {/* float:left; */margin:30px 20px;}
.ico-muslim span {display:block;height:72px;margin:15px 0;}
.ico-muslim span img {width:82px;}
/* .ico-muslim .ico-halal {background:url(../images/icon_muslim_halal.png) 0 0 no-repeat;}
.ico-muslim .ico-friend {background:url(../images/icon_muslim_friend.png) 0 0 no-repeat;}
.ico-muslim .ico-self {background:url(../images/icon_muslim_self.png) 0 0 no-repeat;}
.ico-muslim .ico-pork {background:url(../images/icon_muslim_pork.png) 0 0 no-repeat;} */

.bullet-muslim {padding-left:30px;}
.bullet-muslim strong {background:url(http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_title_bullet.png) 0 0 no-repeat;color:#666;display:inline-block;height:23px;line-height:23px;padding-left:30px;margin-left:-30px;}
.bullet-muslim strong.bullet-type {background-position: 0 -2px;}
.bullet-muslim strong.bullet-menu {background-position: 0 -29px;}
.bullet-muslim strong.bullet-time {background-position: 0 -56px;}
.bullet-muslim strong.bullet-price {background-position: 0 -85px;}
.bullet-muslim strong.bullet-capacity {background-position: 0 -114px;}
.bullet-muslim strong.bullet-room {background-position: 0 -140px;}
.bullet-muslim strong.bullet-mosque {background-position: 0 -165px;}
.bullet-muslim strong.bullet-parking {background-position: 0 -194px;}
.bullet-muslim strong.bullet-trans {background-position: 0 -222px;}
.bullet-muslim strong.bullet-avail {background-position: 0 -248px;}


.board-view > .board-content > .map-box.muslim {float:none;position:absolute;right:0;top:120px;}

.filter-muslim {padding:20px 30px 30px; position:relative;}
.filter-muslim > h3 {color:#000; font-size:1.167em;}
.filter-muslim .remove-filter {font-size:0.917em; text-decoration:underline; color:#ff5303; position:absolute; top:20px; right:30px;}
.filter-muslim ul {margin-bottom:20px;}
.filter-muslim ul > li {display:inline-block; width:49%; font-size: 0.917em; letter-spacing:-0.042em; margin-top:10px;}
.filter-muslim .filter-button {border:none; color:#fff; font-weight:bold; padding:10px 0; background:#002754; font-size: 0.917em; display:inline-block; width:100%;}
.filter-muslim .board-search{display:none; background:none; padding:0; bordeR:none; margin-bottom:10px;}
.filter-muslim ul.w30p > li {width:32%;}
.filter-muslim ul.w30p > li:nth-child(1) {width:20%;}
.filter-muslim ul.w30p > li:nth-child(2) {width:40%;}

.youtube {position: relative;width: 100%; height: 0; padding-top: 51%; }
.youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}

.pictogram-wrap {padding:30px 0;}
.pictogram-wrap h4 {background:#add7d7;color:#0a5c5f;font-size:13px;padding:8px 0 8px 20px;}
.pictogram-wrap .cate {font-size:0;margin:20px 0;text-align:center;}
.pictogram-wrap .cate li {display:inline-block;text-align:center;vertical-align:top;}
.pictogram-wrap .cate li strong {display:block;font-size:13px;margin-top:15px;}
.pictogram-wrap .cate li p {color:#666;font-size:12px;margin-top:10px;line-height:1.2;}
.pictogram-wrap .cate4 li {width:25%;}
.pictogram-wrap .cate5 li {width:20%;}

.pictogram-wrap .picto {font-size:0;margin:20px 0 40px;text-align:center;}
.pictogram-wrap .picto > div {display:inline-block;margin:0 3.37%;text-align:center;}
.pictogram-wrap .picto > div img {width:80px;}
.pictogram-wrap .picto > div p {border-top:2px solid #add7d7;color:#000;font-size:12px;margin-top:13px;padding-top:8px;}

.ebook-list-musllim:after {clear:both;content:"";display:block;}
.ebook-list-musllim > li {float:left;margin-left:57px;margin-bottom:20px;}
.ebook-list-musllim > li:first-child {margin-left:0;}
.ebook-list-musllim > li > a {display:block; width:100%; height:100%; position:relative;overflow:hidden;}
.ebook-list-musllim > li > a > strong {position:absolute; bottom:0; left:0; color:#fff;  text-align:center; width:100%; background-color:#1a8583; height:68px;}
.ebook-list-musllim > li > a > strong > span {display:block;font-size:12px;line-height:1.2;padding:20px 0 10px;}
.ebook-list-musllim > li > a > strong > em {display:none;font-size:11px;font-weight:normal;} 
.ebook-list-musllim > li > a:hover strong{height:88px;}
.ebook-list-musllim > li > a:hover strong > em {display:block;}
.ebook-list-musllim > li > a:focus strong{height:88px;}
.ebook-list-musllim > li > a:focus strong > em {display:block;}


.compare-area {clear:both;}

.fe8232f {color:#e8232f;}
.f008281 {color:#008281;}
.f0b4a6f {color:#0b4a6f;}
.f5e8d3e {color:#5e8d3e;}
.fbe3450 {color:#be3450;}



@media screen and (max-width:1024px) {

	.muslim-list > ul > li {margin-left:15px;width:31.6%;}

	.board-view-badge {width:100%;}
	.board-content .event-info.left.muslim{min-width: 500px;max-width: 460px;}
}

@media screen and (max-width:767px) {

	.board-section.muslim-layout {padding-top:30px;}
	.board-section.muslim-layout .top-txt {padding:10px 0 15px;}
	.board-section.muslim-layout .top-txt p.web-txt {display:none;}
	.board-section.muslim-layout .top-txt p.mobile-txt {display:block;}

	.board-section.muslim-layout .board-counter {text-align:right;}
	.board-section.muslim-layout .board-counter a {display:none;}
	
	.board-search.muslim .search-box, 
	.board-search.muslim .select-box {margin:0;width:100%;}
	.board-search.muslim .select-box select {margin-left:3%;width:48.5% !important;}
	.board-search.muslim .select-box select:nth-child(2n+1) {margin-left:0;}
	.board-search.muslim .button-search {float:none;margin-top:10px;width:100%;height:31px;line-height:31px;}
	.board-search.muslim .search-box input[type=text] {width:93% !important; box-sizing:border-box;}
	.board-search .search-box input[type=button] {width:7% !important;max-width: 23px;}

	.board-view > .board-content > .map-box.muslim {position:static;}

	.muslim-list > ul > li {margin-left:0;width:100%;height:auto}
	.muslim-list > ul > li > .thumnails {height:auto;}
	.muslim-list > ul > li > .txt .title {margin-bottom:15px;}
	
	.ico-muslim {margin:15px 0;}
	.ico-muslim span {height:auto;}
	.ico-muslim span img {width:60px;}
	.bullet-muslim {padding-left:45px;}

	.board-content .event-info.left.muslim {min-width: auto; max-width: 100%;}

	.pictogram-wrap .cate4 li {margin-bottom:20px;width:50%;}
	.pictogram-wrap .cate4 li img {width:100px;}
	.pictogram-wrap .cate5 li {margin-bottom:20px;width:33.3333%;}
	.pictogram-wrap .cate5 li img {width:80px;}
	
	.pictogram-wrap .picto > div {margin:0 auto 20px;display:table;}
	
	/* .ebook-list-musllim > li {margin-left:5%;}
	.ebook-list-musllim > li:nth-child(3) {margin-left:0;} */
	.ebook-list-musllim > li > a > img {width:130px;}
	.ebook-list-musllim > li > a > strong{height:88px;}
	.ebook-list-musllim > li > a > strong > span {padding-top:15px}
	.ebook-list-musllim > li > a > strong > em {display:block;}
}